Refactoring colors: better defining variable names, extracting hard-coded hex codes, normalizing link styles, organizing _colors files.

1 files changed, 12 insertions, 12 deletions

diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index e1186cef..71427af5 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -223,7 +223,7 @@ section {
       input {
         margin: 0;
         padding: 8px 30px;
-        color: $secondary;
+        color: $navigation_background;
         background: white;
         border: none;
         transition: background-color 150ms ease-out;
@@ -246,10 +246,10 @@ section {
   }
 
   &#left-pane {
-    background-color: $secondary;
+    background-color: $navigation_background;
     color: white;
     nav {
-      border-right: 1px solid lighten($secondary, 10%);
+      border-right: 1px solid lighten($navigation_background, 10%);
       ul#default-tag-list, #custom-tag-list {
         li {
           transition: background-color 150ms ease-out;
@@ -257,12 +257,12 @@ section {
           cursor: pointer;
           &:hover {
             background: #CCC;
-            color: $secondary;
+            color: $navigation_background;
           }
           &.selected {
             font-weight: bold;
             background: $contrast;
-            color: $secondary;
+            color: $navigation_background;
           }
         }
       }
@@ -370,14 +370,14 @@ section {
       ul#logout {
         li {
           color: $action_buttons;
-          background-color: $secondary;
+          background-color: $navigation_background;
           padding: 5px 10px;
           position: relative;
           @include searching(4px, 19px, #333, 0.7em);
 
           &:hover {
           background-color: $action_buttons;
-          color: $secondary;
+          color: $navigation_background;
           }
 
           div {
@@ -401,7 +401,7 @@ section {
         padding: 5px;
         font-weight: 600;
         margin: 0 10px;
-        border-bottom: 1px dotted lighten($secondary, 10%);
+        border-bottom: 1px dotted lighten($navigation_background, 10%);
       }
     }
   }
@@ -524,7 +524,7 @@ button {
   &:hover, &:focus {
     color: white;
   }
-  background: $secondary;
+  background: $navigation_background;
   &.logout {
     color: $action_buttons;
   }
@@ -550,7 +550,7 @@ button {
   width: 50px;
   position: absolute;
   height: 100vh;
-  background: $secondary;
+  background: $navigation_background;
 
   ul.shortcuts {
     li {
@@ -562,7 +562,7 @@ button {
         opacity: 1;
         cursor: default;
         a {
-          color: $secondary;
+          color: $navigation_background;
           }
         }
       @include searching(6px, 26px, #666, 0.9em);
@@ -575,7 +575,7 @@ button {
         text-align: center;
         &:hover {
           background: darken($contrast, 10%);
-          color: $secondary;
+          color: $navigation_background;
           @include btn-transition;
           &.logout{
             color: #000000;