fix: 🐛 刷新导致暗黑模式失效问题修复

Former-commit-id: 720471aaee612caf2aaea4969c381f3ba4108e9f
2023-11-02 23:34:41 +08:00
parent bf94d0400b
commit 37af8ba127
2 changed files with 10 additions and 1 deletions
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -81,7 +81,12 @@ onMounted(() => {
  window.document.body.setAttribute("layout", settingsStore.layout);
  const theme =
    localStorage.getItem("vueuse-color-scheme") || defaultSettings.theme;
-  localStorage.setItem("vueuse-color-scheme", theme);
+  settingsStore.changeSetting({ key: "theme", value: theme });
+
+  if (theme != "light") {
+    document.documentElement.classList.add("dark");
+  }
+
  document.documentElement.style.setProperty(
    "--el-color-primary",
    settingsStore.themeColor