1 files changed, 20 insertions, 20 deletions
diff --git a/app/javascript/styles/admin.scss b/app/javascript/styles/admin.scss
index 3442464e7..3d3623154 100644
--- a/app/javascript/styles/admin.scss
+++ b/app/javascript/styles/admin.scss
@@ -6,7 +6,7 @@
   .sidebar-wrapper {
     flex: 1;
     height: 100%;
-    background: $color1;
+    background: $ui-base-color;
     display: flex;
     justify-content: flex-end;
   }
@@ -33,7 +33,7 @@
       a {
         display: block;
         padding: 15px 25px;
-        color: rgba($color5, 0.7);
+        color: rgba($primary-text-color, 0.7);
         text-decoration: none;
         transition: all 200ms linear;
         border-radius: 4px 0 0 4px;
@@ -43,19 +43,19 @@
         }
 
         &:hover {
-          color: $color5;
-          background-color: darken($color1, 5%);
+          color: $primary-text-color;
+          background-color: darken($ui-base-color, 5%);
           transition: all 100ms linear;
         }
 
         &.selected {
-          background: darken($color1, 2%);
+          background: darken($ui-base-color, 2%);
           border-radius: 4px 0 0;
         }
       }
 
       ul {
-        background: darken($color1, 4%);
+        background: darken($ui-base-color, 4%);
         border-radius: 0 0 0 4px;
         margin: 0;
 
@@ -63,13 +63,13 @@
           border: 0;
 
           &.selected {
-            color: $color5;
-            background-color: $color4;
+            color: $primary-text-color;
+            background-color: $ui-highlight-color;
             border-bottom: 0;
             border-radius: 0;
 
             &:hover {
-              background-color: lighten($color4, 5%);
+              background-color: lighten($ui-highlight-color, 5%);
             }
           }
         }
@@ -89,7 +89,7 @@
     padding-left: 25px;
 
     h2 {
-      color: $color2;
+      color: $ui-secondary-color;
       font-size: 24px;
       line-height: 28px;
       font-weight: 400;
@@ -99,11 +99,11 @@
     & > p {
       font-size: 14px;
       line-height: 18px;
-      color: $color2;
+      color: $ui-secondary-color;
       margin-bottom: 20px;
 
       strong {
-        color: $color5;
+        color: $primary-text-color;
         font-weight: 500;
       }
     }
@@ -112,7 +112,7 @@
       margin: 20px 0;
       border: 0;
       background: transparent;
-      border-bottom: 1px solid $color1;
+      border-bottom: 1px solid $ui-base-color;
     }
   }
 
@@ -185,21 +185,21 @@
 
     a {
       display: inline-block;
-      color: rgba($color5, 0.7);
+      color: rgba($primary-text-color, 0.7);
       text-decoration: none;
       text-transform: uppercase;
       font-size: 12px;
       font-weight: 500;
-      border-bottom: 2px solid $color1;
+      border-bottom: 2px solid $ui-base-color;
 
       &:hover {
-        color: $color5;
-        border-bottom: 2px solid lighten($color1, 5%);
+        color: $primary-text-color;
+        border-bottom: 2px solid lighten($ui-base-color, 5%);
       }
 
       &.selected {
-        color: $color4;
-        border-bottom: 2px solid $color4;
+        color: $ui-highlight-color;
+        border-bottom: 2px solid $ui-highlight-color;
       }
     }
   }
@@ -221,7 +221,7 @@
     font-weight: 500;
     font-size: 14px;
     line-height: 18px;
-    color: $color2;
+    color: $ui-secondary-color;
   }
 
   &:first-child {