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

1 files changed, 6 insertions, 6 deletions

diff --git a/app/login/styles/index.scss b/app/login/styles/index.scss
index 24df1b9..d8464f8 100644
--- a/app/login/styles/index.scss
+++ b/app/login/styles/index.scss
@@ -1,6 +1,6 @@
 #login {
   @include mediaQuery(medium) {
-    background: linear-gradient(to right, #ffffff 49.999%, #e6e9ed 50%);
+    background: linear-gradient(to right, $background-01 49.999%, $background-02 50%);
     @include fastTransition-all;
   }
 }
@@ -8,7 +8,7 @@
 .login__wrapper {
   position: relative;
   padding-top: 1em;
-  color: $black;
+  color: $primary-dark;
   .row {
     max-width: 1080px;
   }
@@ -39,7 +39,7 @@
 }
 
 #login__form {
-  color: $black;
+  color: $primary-dark;
   background: transparent;
   padding: 1em 0;
   display: block;
@@ -59,7 +59,7 @@
 
   input:disabled,
   input:disabled:hover {
-    background-color: $lightbg__grey;
+    background-color: $background-03;
     cursor: default;
   }
 }
@@ -84,7 +84,7 @@
   }
   li {
     padding: 1em 0;
-    border-top: 1px solid $medgrey;
+    border-top: 1px solid $border-color-01;
   }
   p {
     margin-bottom: 0;
@@ -102,6 +102,6 @@
 .login__status {
   color: $status-ok;
   &.error {
-    color: $error-color;
+    color: $status-error;
   }
 }