From 7dcd8ff29d0afaf692f85b5ddbdf35b14db0896a Mon Sep 17 00:00:00 2001
From: izawartka <59137928+izawartka@users.noreply.github.com>
Date: Wed, 12 Aug 2026 20:58:57 +0200
Subject: [PATCH] Make BackMaseuko use themes

- Updated BackMaseuko component style to use CSS themes
---
 src/components/Themes.css                   | 2 ++
 src/components/back-maseuko/BackMaseuko.css | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

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;
 }