From c5212c60ad8058732c17b3107ffd1b6a05850bd4 Mon Sep 17 00:00:00 2001 From: jeffreytse Date: Wed, 26 May 2021 21:51:32 +0800 Subject: feat: support to customize the brand color --- assets/css/main.scss | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) (limited to 'assets') diff --git a/assets/css/main.scss b/assets/css/main.scss index afe4e59..8926243 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -4,13 +4,22 @@ // Default theme colors $theme-colors: ( - coolblack: #090a0b, - spacegrey: #353535, - snowwhite: #ffffff, + "coolblack": #090a0b, + "spacegrey": #353535, + "snowwhite": #ffffff, +); + +// Default brand colors +$brand-colors: ( + "orangered": #ff5100, + "greatgold": #f2cb05, + "greenblue": #389092, ); $theme-name: "{{ site.theme_color }}"; +$brand-name: "{{ site.brand_color }}"; $theme-color: map-get($theme-colors, "snowwhite"); +$brand-color: map-get($brand-colors, "orangered"); @if map-has-key($theme-colors, $theme-name) { $theme-color: map-get($theme-colors, $theme-name); @@ -18,4 +27,10 @@ $theme-color: map-get($theme-colors, "snowwhite"); $theme-color: {{ site.theme_color | default: '#ffffff' }}; } +@if map-has-key($brand-colors, $brand-name) { + $brand-color: map-get($brand-colors, $brand-name); +} @else if str-index($brand-name, "#") == 1 { + $brand-color: {{ site.brand_color | default: '#ff5100' }}; +} + @import "yat"; -- cgit v1.2.3