real-time system theme switch #1084

packages/web/src/Screen.svelte

@@ -12,7 +12,7 @@
     visibleCommandPalette,
     visibleTitleBar,
     visibleToolbar,
-    getSystemTheme,
+    systemThemeStore,
   } from './stores';
   import TabsPanel from './tabpanel/TabsPanel.svelte';
   import TabRegister from './tabpanel/TabRegister.svelte';
@@ -51,7 +51,7 @@
 </div>
 
 <div
-  class={`${$currentTheme ?? getSystemTheme()} ${currentThemeType} root dbgate-screen`}
+  class={`${$currentTheme ?? $systemThemeStore} ${currentThemeType} root dbgate-screen`}
   class:isElectron
   use:dragDropFileTarget
   on:contextmenu={e => e.preventDefault()}