diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 465f547..90c2294 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -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 }}; diff --git a/assets/sass/themes/_gruv.scss b/assets/sass/themes/_gruv.scss index e69de29..016aa9f 100644 --- a/assets/sass/themes/_gruv.scss +++ b/assets/sass/themes/_gruv.scss @@ -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, +); \ No newline at end of file diff --git a/assets/sass/themes/_gruvcode.scss b/assets/sass/themes/_gruvcode.scss index efc4138..f69fea9 100644 --- a/assets/sass/themes/_gruvcode.scss +++ b/assets/sass/themes/_gruvcode.scss @@ -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, ); } \ No newline at end of file