Clean up color values

This update will clean up slight color variations in the
code base by creating and using Sass color variables
instead of hex values. Available colors are defined in
colors.scss. Any usage of CSS color properties should
refer to the mapped color variables in colors.scss.

- Removed tags.scss file since tag components no longer used

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I045030a158469e59d07a9fa8cd8aa9f125f0d383

4 files changed, 8 insertions, 8 deletions

diff --git a/app/server-control/styles/bmc-reboot.scss b/app/server-control/styles/bmc-reboot.scss
index bd50dcc..164f8be 100644
--- a/app/server-control/styles/bmc-reboot.scss
+++ b/app/server-control/styles/bmc-reboot.scss
@@ -4,7 +4,7 @@
   overflow: hidden;
   padding-bottom: 1.5em;
   margin-bottom: 1em;
-  border-bottom: 1px solid $lightbg__grey;
+  border-bottom: 1px solid $border-color-02;
   .btn {
     margin-bottom: 1.5em;
     margin-top: 1.5em;
diff --git a/app/server-control/styles/power-operations.scss b/app/server-control/styles/power-operations.scss
index 3279914..fbc5a7f 100644
--- a/app/server-control/styles/power-operations.scss
+++ b/app/server-control/styles/power-operations.scss
@@ -4,7 +4,7 @@
 
   // Power Current status wrapper
   .power__current-status {
-    border-bottom: 1px solid $medgrey;
+    border-bottom: 1px solid $border-color-01;
     margin: 1.3em 0 1.2em 0;
   }
 
@@ -27,7 +27,7 @@
     padding: 1em 2em .7em;
     margin-bottom: 3em;
     background-size: 200% 100%;
-    background-image: linear-gradient(to right, darken($lightgrey,3%) 50%, $status-ok-light 50%);
+    background-image: linear-gradient(to right, darken($background-02,3%) 50%, $accent-02--02 50%);
     background-position: 0;
     transition: background-position 2s ease;
     overflow: hidden;
@@ -50,7 +50,7 @@
     }
     &.power__state-off {
       background-position: 0;
-      color: $black;
+      color: $primary-dark;
       .power__state {
         span:before {
           content: '';
@@ -59,7 +59,7 @@
       }
     }
     &.power__state-indet {
-      color: $darkgrey;
+      color: $text-02;
       @include indeterminate-bar;
       .power__state {
         span:before {
@@ -71,7 +71,7 @@
     }
     &.power__state-error {
       background-position: 0;
-      color: $black;
+      color: $primary-dark;
       .power__state {
         span:before {
           content: '';
diff --git a/app/server-control/styles/power-usage.scss b/app/server-control/styles/power-usage.scss
index 59ec4e7..0f612ae 100644
--- a/app/server-control/styles/power-usage.scss
+++ b/app/server-control/styles/power-usage.scss
@@ -39,7 +39,7 @@
     width: 100%;
     margin-top: 3em;
     padding-top: 1em;
-    border-top: 1px solid $medgrey;
+    border-top: 1px solid $border-color-01;
     button {
       float: right;
       margin: .5em;
diff --git a/app/server-control/styles/remote-console.scss b/app/server-control/styles/remote-console.scss
index 2c121f4..1a5f6ae 100644
--- a/app/server-control/styles/remote-console.scss
+++ b/app/server-control/styles/remote-console.scss
@@ -10,7 +10,7 @@
 }
 
 .serial-lan__header {
-  background: $white;
+  background: $primary-light;
   padding-bottom: 1.2em;
   line-height: 0;
 }