Просмотр исходного кода

fix(modules/web): fix ElemetPlus theme not respect Reader theme

Xwite 2 лет назад
Родитель
Сommit
9244715f41
2 измененных файлов с 13 добавлено и 1 удалено
  1. 0 1
      modules/web/package.json
  2. 13 0
      modules/web/src/main.js

+ 0 - 1
modules/web/package.json

@@ -16,7 +16,6 @@
   "dependencies": {
     "@element-plus/icons-svg": "^2.3.1",
     "@element-plus/icons-vue": "^2.3.1",
-    "@vueuse/core": "^11.1.0",
     "@vueuse/shared": "^10.11.1",
     "axios": "^1.7.7",
     "element-plus": "^2.8.4",

+ 13 - 0
modules/web/src/main.js

@@ -2,5 +2,18 @@ import { createApp } from "vue";
 import App from "./App.vue";
 import router from "@/router";
 import store from "@/store";
+import "element-plus/theme-chalk/dark/css-vars.css"
 
 createApp(App).use(store).use(router).mount("#app");
+
+// 同步Element PLUS 夜间模式
+watch(
+    () => useBookStore().isNight,
+    (isNight) => {
+        if (isNight) {
+            document.documentElement.classList.add("dark");
+        } else {
+            document.documentElement.classList.remove("dark");
+        }
+    }
+)