diff --git a/src/components/Themes.css b/src/components/Themes.css
index 6c73490..d037179 100644
--- a/src/components/Themes.css
+++ b/src/components/Themes.css
@@ -1,6 +1,7 @@
 :root {
     --background-color: #141414;
     --text-color: #eee;
+    --text-color-secondary: #777;
     --half-layer-color: #fff1;
     --layer-color: #fff2;
     --layer-color-hover: #fff3;
@@ -30,6 +31,7 @@
 .light-mode {
     --background-color: #f8f8f8;
     --text-color: #222;
+    --text-color-secondary: #444;
     --layer-color: #0002;
     --half-layer-color: #0001;
     --layer-color-hover: #0003;
diff --git a/src/components/back-maseuko/BackMaseuko.css b/src/components/back-maseuko/BackMaseuko.css
index cd2d0c2..31cba01 100644
--- a/src/components/back-maseuko/BackMaseuko.css
+++ b/src/components/back-maseuko/BackMaseuko.css
@@ -1,15 +1,15 @@
 .back-maseuko {
     display: block;
     margin-right: 8px;
-    color: #777;
+    color: var(--text-color-secondary);
     text-decoration: none;
 }
 
 .back-maseuko:hover {
-    color: #eee;
+    color: var(--text-color);
 }
 
 .back-maseuko:hover .back-maseuko-text {
-    color: #eee;
+    color: var(--text-color);
     text-decoration: underline;
 }