Customise colours

Author: bitbrain

_sass/dash/_layout.scss

@@ -149,12 +149,16 @@
   ul > li {
     text-align: left;
     margin-bottom: 0.6em;
-    color: lighten($color-green, 25%);
+    @include themed() {
+       color: t('list-primary');
+    }
     list-style: none;
     margin-left: 0;
 
     svg {
-      color: $color-green;
+      @include themed() {
+        color: t('list-secondary');
+      }
       margin-right: 0.65em;
       margin-bottom: -1px;
     }
@@ -177,27 +181,35 @@
     margin-bottom: 1em;
     margin-left: 0.5em;
     font-style: italic;
-    color: lighten($color-yellow, 20%);
+    @include themed() {
+       color: t('quote-primary');
+    }
 
     &:before {
       content: $icon-quote-right;
       @include font-awesome-icon;
     }
 
     & > svg.svg-inline--fa {
-      color: lighten($color-yellow, 20%);
+      @include themed() {
+         color: t('quote-primary');
+      }
       float: left;
       width: 3em;
       height: 3em;
       margin-right: 1em;
     }
 
     & > ul > li > svg {
-      color: lighten($color-yellow, 20%);
+      @include themed() {
+         color: t('quote-primary');
+      }
     }
 
     li {
-      color: $color-yellow;
+      @include themed() {
+         color: t('quote-secondary');
+      }
       &:before {
         content: $icon-minus;
       }

_sass/dash/_themes.scss

@@ -4,13 +4,21 @@ $themes: (
                 background-color-alt: $color-background-darker,
                 foreground-color: $color-foreground,
                 foreground-color-alt: $color-foreground-dark,
-                foreground-color-contrast: white
+                foreground-color-contrast: white,
+                quote-primary: lighten($color-yellow, 20%),
+                quote-secondary: $color-yellow,
+                list-primary: lighten($color-green, 25%),
+                list-secondary: $color-green
         ),
         light: (
                 background-color: $color-background-lighter,
                 background-color-alt: $color-background-light,
                 foreground-color: $color-foreground-dark,
                 foreground-color-alt: $color-foreground-darker,
-                foreground-color-contrast: black
+                foreground-color-contrast: black,
+                quote-primary: $color-yellow,
+                quote-secondary: darken($color-yellow, 10%),
+                list-primary: $color-green,
+                list-secondary: lighten($color-green, 20%)
         ),
 );