update code

package.json

@@ -59,6 +59,7 @@
     "js-md5": "^0.8.3",
     "json-editor-vue3": "^1.1.1",
     "lodash-es": "^4.17.21",
+    "mitt": "^3.0.1",
     "net": "^1.0.2",
     "nprogress": "^0.2.0",
     "path-browserify": "^1.0.1",

src/App.vue

@@ -168,5 +168,14 @@ html.dark {
       }
     }
   }
+  .jv-container.jv-light{
+    background: #263445;
+  }
+  .add-report .row-norm .el-form-item__content{
+    background: #263445;
+  }
+  .add-report .div-nav-header{
+    color:#fff;
+  }
 }
 </style>

src/layout/components/NavBar/components/NavbarRight.vue

@@ -54,6 +54,7 @@ import defaultSettings from "@/settings";
 import UserAPI from "@/api/myUser";
 import { DeviceEnum } from "@/enums/DeviceEnum";
 import { ThemeEnum } from "@/enums/ThemeEnum";
+
 const appStore = useAppStore();
 const tagsViewStore = useTagsViewStore();
 // Stores

src/store/modules/settings.ts

@@ -1,7 +1,7 @@
 import defaultSettings from "@/settings";
 import { ThemeEnum } from "@/enums/ThemeEnum";
 import Color from "color";
-
+import eventBus from '@/utils/eventBus.js'
 type SettingsValue = boolean | string;
 
 export const useSettingsStore = defineStore("setting", () => {
@@ -89,6 +89,7 @@ export const useSettingsStore = defineStore("setting", () => {
    */
   function changeTheme(val: string) {
     theme.value = val;
+    eventBus.emit("changeTheme",val)
   }
 
   /**

src/utils/eventBus.js

@@ -0,0 +1,4 @@
+// eventBus.js
+import mitt from 'mitt';
+const bus = mitt();
+export default bus;

yarn.lock

@@ -6525,7 +6525,7 @@ minimist@^1.2.0, minimist@^1.2.6:
 
 mitt@^3.0.1:
   version "3.0.1"
-  resolved "https://registry.npmmirror.com/mitt/-/mitt-3.0.1.tgz"
+  resolved "https://registry.npmmirror.com/mitt/-/mitt-3.0.1.tgz#ea36cf0cc30403601ae074c8f77b7092cdab36d1"
   integrity sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==
 
 mixin-deep@^1.2.0: