diff --git a/components/CharacterUnit/index.scss b/components/CharacterUnit/index.scss
index a7b96335..d8c40284 100644
--- a/components/CharacterUnit/index.scss
+++ b/components/CharacterUnit/index.scss
@@ -59,7 +59,7 @@
         }
 
         &:hover .icon svg {
-            color: $grey-10;
+            color: $grey-40;
         }
 
         .icon {
diff --git a/components/HeaderMenu/index.scss b/components/HeaderMenu/index.scss
index 3be054cd..bda86d8c 100644
--- a/components/HeaderMenu/index.scss
+++ b/components/HeaderMenu/index.scss
@@ -9,7 +9,7 @@
 }
 
 .MenuItem {
-    color: $grey-10;
+    color: $grey-40;
     font-weight: $normal;
 
     &:hover {
@@ -23,7 +23,7 @@
     }
 
     a {
-        color: $grey-10;
+        color: $grey-40;
     }
 
     a, span {
diff --git a/components/Segment/index.scss b/components/Segment/index.scss
index 13de3482..ef84f5d8 100644
--- a/components/Segment/index.scss
+++ b/components/Segment/index.scss
@@ -7,7 +7,7 @@
 
     &:hover label {
         background: $grey-90;
-        color: $grey-10;
+        color: $grey-40;
     }
 
     & input {
diff --git a/components/SummonUnit/index.scss b/components/SummonUnit/index.scss
index 5a42c7fc..ae42fb45 100644
--- a/components/SummonUnit/index.scss
+++ b/components/SummonUnit/index.scss
@@ -62,7 +62,7 @@
         transition: all 0.18s ease-in-out;
 
         &:hover .icon svg {
-            fill: $grey-10;
+            fill: $grey-40;
         }
 
         .icon {
diff --git a/components/WeaponUnit/index.scss b/components/WeaponUnit/index.scss
index 4e8d01b5..e8bb254d 100644
--- a/components/WeaponUnit/index.scss
+++ b/components/WeaponUnit/index.scss
@@ -86,7 +86,7 @@
         transition: all 0.18s ease-in-out;
 
         &:hover .icon svg {
-            fill: $grey-10;
+            fill: $grey-40;
         }
 
         img {
diff --git a/public/scss/globals.scss b/public/scss/globals.scss
index db5fa438..ea29a515 100644
--- a/public/scss/globals.scss
+++ b/public/scss/globals.scss
@@ -1,22 +1 @@
-@import 'include-media/dist/_include-media';
-
-// Breakpoints
-$breakpoints: (small: 320px, medium: 768px, large: 1024px);
-
-// Sizing
-$unit: 8px;
-
-// Colors
-$grey-00: #444;
-$grey-10: #777;
-$grey-50: #888;
-$grey-80: #E9E9E9;
-$grey-90: #F5F5F5;
-
-$blue: #61B3FF;
-$red: #FF6161;
-
-// Font weight
-$normal: 400;
-$medium: 500;
-$bold: 600;
\ No newline at end of file
+@import 'include-media/dist/_include-media';
\ No newline at end of file
diff --git a/styles/globals.scss b/styles/globals.scss
index 2d5e5894..20a2a2b7 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -103,7 +103,7 @@ h1 {
         }
 
         svg {
-            fill: $grey-10;
+            fill: $grey-40;
         }
     }
 
diff --git a/styles/variables.scss b/styles/variables.scss
index 09b4b293..1e0dc59f 100644
--- a/styles/variables.scss
+++ b/styles/variables.scss
@@ -9,8 +9,9 @@ $unit: 8px;
 
 // Colors
 $grey-00: #444;
-$grey-10: #777;
+$grey-40: #777;
 $grey-50: #888;
+$grey-60: #A9A9A9;
 $grey-70: #C6C6C6;
 $grey-80: #E9E9E9;
 $grey-90: #F5F5F5;