From ede170795fb629c7a478be1ed39e632c03ad2176 Mon Sep 17 00:00:00 2001
From: TimSpan <cat20201314@163.com>
Date: Mon, 7 Jul 2025 10:04:29 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=82=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/src/components/TopTabs.vue         |  6 ----
 src/stores/settings.ts                        | 28 +++++++++++--------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/components/layout/src/components/TopTabs.vue b/src/components/layout/src/components/TopTabs.vue
index 53deffd..9d70bd8 100644
--- a/src/components/layout/src/components/TopTabs.vue
+++ b/src/components/layout/src/components/TopTabs.vue
@@ -26,12 +26,10 @@
 
 <script setup lang="ts">
   import IcBaselineKeyboardArrowDown from "@/components/icon/src/icons/IcBaselineKeyboardArrowDown.vue";
-
   import CarbonSubtractAlt from "@/components/icon/src/icons/CarbonSubtractAlt.vue";
   import CodiconCloseAll from "@/components/icon/src/icons/CodiconCloseAll.vue";
   import IconamoonSynchronize from "@/components/icon/src/icons/IconamoonSynchronize.vue";
   import MaterialSymbolsCancelOutline from "@/components/icon/src/icons/MaterialSymbolsCancelOutline.vue";
-
   import { INDEX_ROUTER } from "@/config/constant";
   import { type TabsMenuProps, useTabsStore } from "@/stores/tabsStore";
   import { message } from "@/utils";
@@ -39,12 +37,10 @@
   import { computed, inject, watch } from "vue";
   import { useRoute, useRouter } from "vue-router";
   import { TabsPro } from "@/components";
-
   const route = useRoute();
   const router = useRouter();
   const tabStore = useTabsStore();
   const { tabList } = storeToRefs(useTabsStore());
-
   const ts = computed(() =>
     tabList.value.map((e) => ({
       value: e.path,
@@ -53,9 +49,7 @@
       closable: e.closable,
     }))
   );
-
   const refreshCurrentPage = inject<Function>("refreshCurrentPage");
-
   //监听路由的变化防止浏览器后退/前进不变化
   watch(
     () => route.fullPath,
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index 37cd826..561126f 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -1,4 +1,4 @@
-import { darkTheme, type GlobalTheme } from "naive-ui";
+import { darkTheme, lightTheme, type GlobalTheme } from "naive-ui";
 import { defineStore } from "pinia";
 
 export const useSettingsStore = defineStore(
@@ -6,19 +6,23 @@ export const useSettingsStore = defineStore(
   () => {
     const isDark = ref(false);
 
-    watch(isDark, (newVal) => {
-      // 控制根元素 class
-      if (newVal) {
-        document.documentElement.classList.add('dark');
-        document.documentElement.setAttribute('data-theme', 'dark');
-      } else {
-        document.documentElement.classList.remove('dark');
-        document.documentElement.setAttribute('data-theme', 'light');
-      }
-    }, { immediate: true }); // 立即执行一次初始化
+    watch(
+      isDark,
+      (newVal) => {
+        // 控制根元素 class
+        if (newVal) {
+          document.documentElement.classList.add("dark");
+          document.documentElement.setAttribute("data-theme", "dark");
+        } else {
+          document.documentElement.classList.remove("dark");
+          document.documentElement.setAttribute("data-theme", "light");
+        }
+      },
+      { immediate: true }
+    ); // 立即执行一次初始化
 
     const theme = computed<GlobalTheme | null>(() =>
-      isDark.value ? darkTheme : null
+      isDark.value ? darkTheme : lightTheme
     );
 
     function toggleTheme() {