fix: 修复快捷键切换主题的问题

Author: Littlefean

app/src/core/service/controlService/shortcutKeysEngine/shortcutKeysRegister.tsx

@@ -5,6 +5,8 @@ import { RectangleSlideEffect } from "@/core/service/feedbackService/effectEngin
 import { ViewFlashEffect } from "@/core/service/feedbackService/effectEngine/concrete/ViewFlashEffect";
 import { ViewOutlineFlashEffect } from "@/core/service/feedbackService/effectEngine/concrete/ViewOutlineFlashEffect";
 import { Settings } from "@/core/service/Settings";
+import { Themes } from "@/core/service/Themes";
+import { StageStyle } from "@/core/service/feedbackService/stageStyle/stageStyle";
 import { PenStrokeMethods } from "@/core/stage/stageManager/basicMethods/PenStrokeMethods";
 import { ConnectableEntity } from "@/core/stage/stageObject/abstract/ConnectableEntity";
 import { MultiTargetUndirectedEdge } from "@/core/stage/stageObject/association/MutiTargetUndirectedEdge";
@@ -591,24 +593,57 @@ export class KeyBindsRegistrar {
     });
 
     // 主题切换相关功能
+    // 创建一个可以在非React环境中使用的setter函数
+    const setTheme = (theme: string) => {
+      // 直接使用Settings的原始set方法
+      Settings.theme = theme;
+
+      // 确保主题CSS立即应用到UI
+      let styleEl = document.querySelector("#pg-theme");
+      if (!styleEl) {
+        styleEl = document.createElement("style");
+        styleEl.id = "pg-theme";
+        document.head.appendChild(styleEl);
+      }
+      styleEl.innerHTML = `
+        :root {
+          ${Themes.convertThemeToCSS(Themes.getThemeById(theme)?.content)}
+        }
+      `;
+
+      // 手动更新StageStyleManager，确保Canvas层样式同步更新
+      const stageStyleManager = this.project.getService("stageStyleManager");
+      if (stageStyleManager) {
+        stageStyleManager.currentStyle = StageStyle.styleFromTheme(theme);
+      }
+
+      // 触发项目重绘，确保Canvas立即更新
+      this.project.loop();
+    };
+
     await this.project.keyBinds.create("switchToDarkTheme", "b l a c k k", () => {
-      Settings.theme = "dark";
+      toast.info("切换到暗黑主题");
+      setTheme("dark");
     });
 
     await this.project.keyBinds.create("switchToLightTheme", "w h i t e e", () => {
-      Settings.theme = "light";
+      toast.info("切换到明亮主题");
+      setTheme("light");
     });
 
     await this.project.keyBinds.create("switchToParkTheme", "p a r k k", () => {
-      Settings.theme = "park";
+      toast.info("切换到公园主题");
+      setTheme("park");
     });
 
     await this.project.keyBinds.create("switchToMacaronTheme", "m k l", () => {
-      Settings.theme = "macaron";
+      toast.info("切换到马卡龙主题");
+      setTheme("macaron");
     });
 
     await this.project.keyBinds.create("switchToMorandiTheme", "m l d", () => {
-      Settings.theme = "morandi";
+      toast.info("切换到莫兰迪主题");
+      setTheme("morandi");
     });
 
     // 画笔相关快捷键