From 39b66a2638ecd2c9f6689c643fd6509a7e2153a0 Mon Sep 17 00:00:00 2001
From: mattyatea <mattyacocacora0@gmail.com>
Date: Tue, 26 Sep 2023 10:56:03 +0900
Subject: [PATCH] =?UTF-8?q?=E8=89=B2=E3=81=8C=E3=81=8A=E3=81=8B=E3=81=97?=
 =?UTF-8?q?=E3=81=84=E3=81=AE=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkTab.vue   |  5 +++--
 packages/frontend/src/ui/_common_/navbar.vue | 13 +++++++------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/frontend/src/components/MkTab.vue b/packages/frontend/src/components/MkTab.vue
index 47cf3eda04..2972df6a16 100644
--- a/packages/frontend/src/components/MkTab.vue
+++ b/packages/frontend/src/components/MkTab.vue
@@ -83,7 +83,7 @@ export default defineComponent({
 			background: var(--accentedBg);
 
       &.gamingDark{
-        color:white;
+				color: black !important;
         background: linear-gradient(270deg, #e7a2a2, #e3cfa2, #ebefa1, #b3e7a6, #a6ebe7, #aec5e3, #cabded, #e0b9e3, #f4bddd);
         background-size: 1800% 1800%;
         -webkit-animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
@@ -91,7 +91,8 @@ export default defineComponent({
         animation: AnimationDark var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite;
       }
       &.gamingLight{
-        color: black;
+
+				color:white !important;
         background: linear-gradient(270deg, #c06161, #c0a567, #b6ba69, #81bc72, #63c3be, #8bacd6, #9f8bd6, #d18bd6, #d883b4);
         background-size: 1800% 1800% !important;
         -webkit-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue
index 93e986e638..b007cb1b15 100644
--- a/packages/frontend/src/ui/_common_/navbar.vue
+++ b/packages/frontend/src/ui/_common_/navbar.vue
@@ -108,6 +108,7 @@ function hexToRgb(hex) {
 document.documentElement.style.setProperty('--homeColor', hexToRgb(defaultStore.state.homeColor));
 document.documentElement.style.setProperty("--followerColor",hexToRgb(defaultStore.state.followerColor));
 document.documentElement.style.setProperty("--specifiedColor",hexToRgb(defaultStore.state.specifiedColor))
+document.documentElement.style.setProperty("--localOnlyColor",hexToRgb(defaultStore.state.localOnlyColor))
 document.documentElement.style.setProperty('--gamingspeed', defaultStore.state.numberOfGamingSpeed+'s');
 
 const iconOnly = ref(false);
@@ -307,11 +308,11 @@ function more(ev: MouseEvent) {
     }
 
     &.gamingLight {
-      color: white;
+			color: black;
     }
 
     &.gamingDark {
-      color: black;
+			color: white;
     }
 
     &.gamingLight:before {
@@ -681,7 +682,7 @@ function more(ev: MouseEvent) {
       -webkit-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
       -moz-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
       animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
-      color: white;
+      color: white !important;
     }
 
     &.gamingLight:hover, &.gamingLight.active {
@@ -692,12 +693,12 @@ function more(ev: MouseEvent) {
         -webkit-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
         -moz-animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
         animation: AnimationLight var(--gamingspeed) cubic-bezier(0, 0.2, 0.90, 1) infinite !important;
-        color: white;
+        color: white !important;
       }
     }
 
     &.gamingDark:before {
-      color: black;
+      color: black !important;
       content: "";
       display: block;
       position: absolute;
@@ -717,7 +718,7 @@ function more(ev: MouseEvent) {
     }
 
     &.gamingDark:hover, &.gamingDark.active {
-      color: black;
+      color: black !important;
 
       &.gamingDark:before {
         background: linear-gradient(270deg, #e7a2a2, #e3cfa2, #ebefa1, #b3e7a6, #a6ebe7, #aec5e3, #cabded, #e0b9e3, #f4bddd);