Merge pull request #8 from MITLibraries/post-65

Theme variants demonstration

Author: matt-bernhardt

asset/css/base.css

@@ -4,11 +4,11 @@
     .page-banner {
         background-color: $gray-l4;
         color: $white;
-        min-height: 10rem;
+        min-height: 12rem;
     }
 
     .wrap-header-local {
-        background: $gray;
+        background: $black;
         box-shadow: 0 0 5px $shadow;
         color: $white;
         margin-top: -6em;

asset/css/black.css

@@ -1,10 +1,19 @@
+// Grayscale
 $white: rgb(255 255 255);
 $white-warm: rgb(237 232 226);
 $gray: rgb(89 89 89);
 $gray-l2: rgb(204 204 204);
 $gray-l3: rgb(222 222 222);
 $gray-l4: rgb(243 243 243);
 $gray-warm: rgb(198 182 163);
+$gray-silver: rgb(141 150 160);
 $black: rgb(0 0 0);
 $shadow: rgb(0 0 0 / 50%);
 $shadow-dark: rgb(0 0 0 / 70%);
+
+// Standard colors (these variants have sufficient contrast).
+$mit: #750014;
+$blue: rgb(0 0 255);
+$magenta: rgb(158 0 158);
+$orange: rgb(138 69 0);
+$red: rgb(163 0 0);

asset/css/blue.css

@@ -0,0 +1,12 @@
+@import 'colors';
+@import 'variables';
+
+$color: $black;
+$color-menu-accent: $black;
+$color-menu-accent-arrow: $white;
+$color-menu-accent-text: $white;
+$color-menu-arrow: $black;
+$color-menu-background: $gray-l3;
+$color-text-hover: $blue;
+
+@import 'variants/all';