add willow theme

assets/theme/willow.scss

@@ -0,0 +1,58 @@
+
+// set your custom colors here
+$siteBgColorCustom: #f9f5f5;       // white smoke
+$sidebarBgColorCustom: #E9F1F0;    // mint cream
+$textColorCustom: #332E38;         // raisin black
+$sidebarTextColorCustom: #3E3843;  // black coffee
+
+$headlineColorCustom: #5a5475;     // fairyfloss
+$headingColorCustom: #665D31;      // antique bronze
+
+$bodyLinkColorCustom: #5E7359;     // hookers green
+$navLinkColorCustom: #385751;      // dark slate grey
+$sidebarLinkColorCustom: #534B28;  // army green
+
+$footerTextColorCustom: #626B6D;   // dim gray
+
+$buttonTextColorCustom: #F8F9FA;
+$buttonHoverTextColorCustom: #ffffff;
+$buttonBgColorCustom: #675D6F;     // old lavendar
+$buttonHoverBgColorCustom: #3E3843;// black coffee
+$borderColorCustom: #D0DDD0;       // honeydew
+
+// ------------------------------
+// DO NOT EDIT BELOW THIS LINE
+
+// create custom color classes based on tachyons prefix when needed
+.bg-custom-site-bg-color { background-color: $siteBgColorCustom; }
+.bg-custom-sidebar-bg-color { background-color: $sidebarBgColorCustom; }
+.custom-text-color { color: $textColorCustom; }
+.custom-sidebar-text-color { color: $sidebarTextColorCustom; }
+.custom-headline-color { color: $headlineColorCustom; }
+.custom-heading-color { color: $headingColorCustom; }
+.custom-body-link-color { color: $bodyLinkColorCustom; }
+.custom-nav-link-color { color: $navLinkColorCustom; }
+.custom-sidebar-link-color { color: $sidebarLinkColorCustom; }
+.custom-footer-text-color { color: $footerTextColorCustom; }
+.custom-button-text-color { color: $buttonTextColorCustom; }
+.hover-custom-button-hover-text-color:hover { color: $buttonHoverTextColorCustom; }
+.bg-custom-button-bg-color { background-color: $buttonBgColorCustom; }
+.hover-bg-custom-button-hover-bg-color:hover { background-color: $buttonHoverBgColorCustom; }
+.b--custom-border-color { border-color: $borderColorCustom; }
+
+// override variables used in main with new custom class slugs
+$siteBgColor: custom-site-bg-color;
+$sidebarBgColor: custom-sidebar-bg-color;
+$textColor: custom-text-color;
+$sidebarTextColor: custom-sidebar-text-color;
+$headlineColor: custom-headline-color;
+$headingColor: custom-heading-color;
+$bodyLinkColor: custom-body-link-color;
+$navLinkColor: custom-nav-link-color;
+$sidebarLinkColor: custom-sidebar-link-color;
+$footerTextColor: custom-footer-text-color;
+$buttonTextColor: custom-button-text-color;
+$buttonHoverTextColor: custom-button-hover-text-color;
+$buttonBgColor: custom-button-bg-color;
+$buttonHoverBgColor: custom-button-hover-bg-color;
+$borderColor: custom-border-color;

config.toml

@@ -54,8 +54,8 @@ enableEmoji = true
 
   # use a built-in color theme
   # one of: forest / grayscale / peach / plum /
-  #         poppy / sky / violet / water
-  theme = "sky"
+  #         poppy / sky / violet / water / willow
+  theme = "willow"
 
   # or, leave theme empty & make your own palette
   # basic color options: use only color names as shown in the