diff --git a/client/src/assets/css/colors.scss b/client/src/assets/css/colors.scss
index 21f4ccb..eea9bea 100644
--- a/client/src/assets/css/colors.scss
+++ b/client/src/assets/css/colors.scss
@@ -3,6 +3,14 @@ $primary-text-color: #ffffff;
 $error-text-color: #ff8000;
 
 
+// Text
+$text-primary-text-color: #ffffff;
+$text-secondary-text-color: #a0a0a0;
+
+$text-primary-hover-text-color: #ffffc0;
+$text-secondary-hover-text-color: #e0e0e0;
+
+
 // Box
 $primary-box-background-color: #282838;
 $primary-box-border-color: #ffffff;
@@ -13,13 +21,13 @@ $primary-box-hover-text-color: #ffffff;
 
 $primary-box-animation-color: rgba(128, 128, 64, 0.5);
 
-$secondary-box-text-color: #ffffff;
 $secondary-box-border-color: #ffffff;
 $secondary-box-background-color: rgba(64, 32, 128, 0.5);
+$secondary-box-text-color: $text-primary-text-color;
 
 $secondary-box-hover-background-color: #6040c0;
 $secondary-box-hover-border-color: #ffffff;
-$secondary-box-hover-text-color: #ffffff;
+$secondary-box-hover-text-color: $text-primary-hover-text-color;
 
 $secondary-box-disabled-text-color: #606060;
 
@@ -38,9 +46,9 @@ $button-disabled-border-color: #004060;
 $button-disabled-text-color: #102028;
 
 $button-secondary-background-color: #808040;
-$button-secondary-text-color: #808040;
+$button-secondary-text-color: #a0a0a0;
 $button-secondary-border-color: #ffffff;
-$button-secondary-hover-text-color: #c0c080;
+$button-secondary-hover-text-color: #e0e0e0;
 
 
 // Input
@@ -50,4 +58,4 @@ $input-border-color: #00a0e0;
 
 $input-inactive-background-color: $input-background-color;
 $input-inactive-text-color: $input-text-color;
-$input-inactive-border-color: #ffffff;
\ No newline at end of file
+$input-inactive-border-color: #ffffff;
diff --git a/client/src/pages/index.vue b/client/src/pages/index.vue
index 7d6b565..a38b798 100644
--- a/client/src/pages/index.vue
+++ b/client/src/pages/index.vue
@@ -48,10 +48,10 @@ export default {
     font-family: $secondary-font;
     font-size: 24px;
     font-weight: 800;
-    color: #808040;
+    color: $text-secondary-text-color;
 
     &:hover {
-      color: #c0c080;
+      color: $text-secondary-hover-text-color;
     }
   }