feat: listen to external changes in vuetify theme

widgetti · Feb 13, 2024 · 7c0c46a · 7c0c46a
1 parent f803ab9
commit 7c0c46a
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/js/src/Themes.js b/js/src/Themes.js
@@ -38,6 +38,10 @@ export class ThemeModel extends WidgetModel {
     this.on("change:dark", () => {
       this.setTheme();
     });
+
+    setInterval(() => {
+      this.vuetifyThemeChange();
+    }, 1000);
   }
 
   setTheme() {
@@ -67,6 +71,17 @@ export class ThemeModel extends WidgetModel {
     this.set("dark_effective", vuetify.framework.theme.dark);
     this.save_changes();
   }
+
+  vuetifyThemeChange() {
+    if (
+      this.get("dark") !== null &&
+      this.get("dark") !== vuetify.framework.theme.dark
+    ) {
+      this.set("dark", vuetify.framework.theme.dark);
+      this.set("dark_effective", vuetify.framework.theme.dark);
+      this.save_changes();
+    }
+  }
 }
 
 ThemeModel.serializers = {