Darken the layer selector title

Both the active and inactive Grey colors are darkened so they are more visible.
WikiWatershed · Jul 18, 2017 · 1dc23af · 1dc23af
1 parent 087e665
commit 1dc23af
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/mmw/sass/components/_layerpicker.scss b/src/mmw/sass/components/_layerpicker.scss
@@ -48,15 +48,15 @@
   border: 0;
   outline: 0;
   background: none;
-  color: #999;
+  color: $ui-grey;
   &:hover {
     color: inherit;
   }
   &.active {
     color: $brand-primary;
   }
   &:disabled {
-      color: $ui-light;
+      color: $ui-medium-light;
   }
 }
 

diff --git a/src/mmw/sass/utils/_variables.scss b/src/mmw/sass/utils/_variables.scss
@@ -16,6 +16,7 @@ $paper: #ffffff;
 $ui-primary: #273238; /*Dark Grey*/
 $ui-secondary: #394750; /*Medium Grey*/
 $ui-light: #eceff1; /*Light Grey*/
+$ui-medium-light: #BDBDBD; /* Medium Light Grey */
 $ui-grey: #787878 ; /* Output Tab Bar */
 $ui-danger: #e0412d; /*Errors*/
 $ui-warning: #e4b72f; /*Warnings*/