feat: support to customize the brand color

1 files changed, 18 insertions, 3 deletions

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";