kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

gruv added

This commit is contained in:
kkYrusobad 2021-04-01 20:03:17 +05:30
parent 09d8acbbef
commit b4cc902779
3 changed files with 127 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/sass/main.scss
View File

@ -14,18 +14,21 @@ $theme_dark_chroma: {{ .Site.Data.skin.theme_dark_chroma }};
$theme_hacker_chroma: {{ .Site.Data.skin.theme_hacker_chroma }};
$theme_solarized_chroma: {{ .Site.Data.skin.theme_solarized_chroma }};
$theme_kimbie_chroma: {{ .Site.Data.skin.theme_kimbie_chroma }};
$theme_gruv_chroma: {{ .Site.Data.skin.theme_gruv_chroma }};
$theme_light_chroma_background: {{ .Site.Data.skin.theme_light_chroma_background }};
$theme_dark_chroma_background: {{ .Site.Data.skin.theme_dark_chroma_background }};
$theme_hacker_chroma_background: {{ .Site.Data.skin.theme_hacker_chroma_background }};
$theme_solarized_chroma_background: {{ .Site.Data.skin.theme_solarized_chroma_background }};
$theme_kimbie_chroma_background: {{ .Site.Data.skin.theme_kimbie_chroma_background }};
$theme_gruv_chroma_background: {{ .Site.Data.skin.theme_gruv_chroma_background }};
$button_dark_primary_color: {{ .Site.Data.button.dark_primary_color }};
$button_light_primary_color: {{ .Site.Data.button.light_primary_color }};
$button_hacker_primary_color: {{ .Site.Data.button.hacker_primary_color }};
$button_solarized_primary_color: {{ .Site.Data.button.solarized_primary_color }};
$button_kimbie_primary_color: {{ .Site.Data.button.kimbie_primary_color }};
$button_gruv_primary_color: {{ .Site.Data.button.gruv_primary_color }};
$title-font: {{ .Site.Data.font.title_font }};
$content-font: {{ .Site.Data.font.content_font }};

110
assets/sass/themes/_gruv.scss
View File

@ -0,0 +1,110 @@
$gruv: (
footer-background-color: #282828,
footer-color: #98971a,
link: #83a598,
link-hover: #83a598,
title-color: #e2d6b8,
meta-color: #928374,
body-color: #bdae93,
hr-color: #928374,
body-background-color: #282828,
backdrop-background-color: #1d2021,
dropdown-border-top-color: #928374,
dropdown-item-active-background-color: lighten(#151715, 12%),
dropdown-content-background-color: lighten(#151715, 5%),
dropdown-item-hover-background-color: lighten(#151715, 20%),
dropdown-item-hover-color: #ebdbb2,
dropdown-item-color: #928374,
navbar-border-bottom-color: #504945,
navbar-background-color: #252526,
navbar-mobile-background-color: #323232,
navbar-title-color: #9fc391,
navbar-title-hover-color: #b8bb26,
navbar-title-active-color: #b8bb26,
navbar-menu-hover-background-color: lighten(#00e600, 20%),
navbar-dropdown-item-hover-color: #E08C48,
sidebar-title-color: #8ec07c,
sidebar-li-color: #d5c4a1,
taxo-title-color: #8ec07c,
taxo-num-color: #458588,
taxo-num-background-color: #252526,
taxo-tags-background-color: lighten(#151715, 9%),
taxo-tags-color: #d79921,
taxo-series-background-color: lighten(#151715, 9%),
taxo-series-color: #d79921,
taxo-categories-background-color: lighten(#151715, 9%),
taxo-categories-color: #b16286,
breadcrumb-item-color: #bdae93,
breadcrumb-background-color: #252526,
breadcrumb-item-active-color: #fbf1c7,
list-header-title-color: #689d6a,
figcaption-color: #1FFF2A,
figcaption-strong-color: #FCFCFA,
single-hr-background-color: #504945,
single-blockquote-border-color: #b16286,
single-header-title-color: #d4ccb6,
single-contents-title-color: #d3d388,
single-contents-subtitle-color: #d3d399,
related-header-title-color: #bdae93,
related-link-color: #83a598,
content-box-border-color: #6B6B6B,
content-box-background-color: #252526,
burger-menu-color: #dbdbdb,
social-icon-color: #a89984,
social-icon-hover-color: lighten(#a89984, 20%),
pagination-link-color: #996287,
pagination-background-color: #252526,
pagination-disabled-color: #424242,
pagination-number-color: #FCFCFA,
terms-title-color: #a7a83f,
terms-title-shadow-color: #242425,
terms-tags-color: #78DCE8,
terms-categories-color: #AB9DF2,
terms-series-color: #EA9C77,
terms-len-color: #E08C48,
toc-label-color: #727072,
toc-title-color: #727072,
toc-vertical-line: #727072,
toc-vertical-line-active: #d3869b,
toc-header-background-color: lighten(#151715, 7%),
toc-header-background-color-hover: lighten(#151715, 5%),
toc-body-background-color: lighten(#151715, 3%),
search-placeholder-color: #727072,
search-color: #83a598,
search-icon-color: #727072,
search-border-color: #504945,
search-border-outline-color: rgba(161, 173, 100, 0.2),
search-border-active-color: #414141,
search-background-color: #252526,
search-content-color: #ebdbb2, //TODO: from this
search-content-background-color: #252526,
search-hover-background-color: lighten(#252526, 14%),
search-highlight-color: #d3869b,
selection-color: #FCFCFA,
selection-background-color: #FF6188,
archive-key-color: #FCFCFA,
archive-type-color: #FCFCFA,
archive-meta-color: #E3CD26,
archive-key-background-color: #E08C48,
archive-type-background-color: #855E78,
archive-hover-line-color: #FF6188,
gtt-color: #9e9e9e,
gtt-background-color: #252526,
gtt-hover-color: #E3CD26,
gtt-hover-background-color: lighten(#252526, 5%),
switch-background-color: #403E41,
switch-button-color: #FCFCFA,
switch-active-color: #FF6188,
gallery-mask-color: #FCFCFA,
gallery-mask-background-color: rgba(0, 0, 0, 0.7),
contact-input-color: #FCFCFA,
contact-input-background-color: lighten(#252526, 4%),
contact-button-background-color: lighten(#252526, 4%),
custom-scrollbar-foreground-color: #616161,
custom-scrollbar-background-color: #FCFCFA,
share-color: #dbdbdb,
share-shadow-color: #888,
share-background-color: #383b4c,
donation-background-color: #43454d,
button-primary-color: $button_gruv_primary_color,
);

28
assets/sass/themes/_gruvcode.scss
View File

@ -1,13 +1,13 @@
$gruvcode: '';
@if $theme_gruv_chroma_background == gruv {
@if $theme_gruv_chroma_background == dark {
$gruvcode: (
content-code-color: #fcfcfa,
content-pre-main-color: #FFA7C4,
content-pre-color: #eee,
content-pre-number-color: #666,
content-pre-background-color: #171f2e,
content-pre-header-background-color: gruven(#011627, 1.5%),
content-pre-header-background-color: darken(#011627, 1.5%),
content-pre-border-background-color: #3a3a3a,
content-pre-header-color: #FCFCFA,
);
@ -18,11 +18,11 @@ $gruvcode: '';
content-pre-color: #344952,
content-pre-number-color: #aaa,
content-pre-background-color: #F5F2F0,
content-pre-border-background-color: gruven(#F5F2F0, 7%),
content-pre-header-background-color: gruven(#F5F2F0, 3%),
content-pre-border-background-color: darken(#F5F2F0, 7%),
content-pre-header-background-color: darken(#F5F2F0, 3%),
content-pre-header-color: #344952,
);
} @else if $theme_gruv_chroma_background == hacker {
} @else if $theme_gruv_chroma_background == gruv {
$gruvcode: (
content-code-color: #E3CD26,
content-pre-main-color: #1FFF2A,
@ -30,7 +30,7 @@ $gruvcode: '';
content-pre-number-color: #666,
content-pre-background-color: #282a36,
content-pre-border-background-color: #424242,
content-pre-header-background-color: gruven(#202420, 1.5%),
content-pre-header-background-color: darken(#202420, 1.5%),
content-pre-header-color: #FCFCFA,
);
} @else if $theme_gruv_chroma_background == solarized {
@ -40,8 +40,8 @@ $gruvcode: '';
content-pre-color: #344952,
content-pre-number-color: #aaa,
content-pre-background-color: #faf1cd,
content-pre-border-background-color: gruven(#FBF1D1, 12%),
content-pre-header-background-color: gruven(#FBF1D1, 6%),
content-pre-border-background-color: darken(#FBF1D1, 12%),
content-pre-header-background-color: darken(#FBF1D1, 6%),
content-pre-header-color: #344952,
);
} @else if $theme_gruv_chroma_background == kimbie {
@ -57,13 +57,13 @@ $gruvcode: '';
);
} @else {
$gruvcode: (
content-code-color: #fcfcfa,
content-pre-main-color: #FFA7C4,
content-pre-color: #eee,
content-code-color: #E3CD26,
content-pre-main-color: #E08C48,//#1FFF2A,
content-pre-color: #d1d1d1,
content-pre-number-color: #666,
content-pre-background-color: #171f2e,
content-pre-header-background-color: gruven(#011627, 1.5%),
content-pre-border-background-color: #3a3a3a,
content-pre-background-color: #282a36,
content-pre-border-background-color: #424242,
content-pre-header-background-color: darken(#202420, 1.5%),
content-pre-header-color: #FCFCFA,
);
}