Fixed Data Editor inconsistent themes
diff --git a/src/dataEditor/dataEditorClient.ts b/src/dataEditor/dataEditorClient.ts
index 2f3d259..90d9287 100644
--- a/src/dataEditor/dataEditorClient.ts
+++ b/src/dataEditor/dataEditorClient.ts
@@ -1056,7 +1056,7 @@
     vscode.window.onDidChangeActiveColorTheme(async (event) => {
       this.colorThemeKind = event.kind
       await this.sendUIThemeUpdate()
-    })
+    }, this)
     this.sendUIThemeUpdate()
   }
 
diff --git a/src/svelte/src/App.svelte b/src/svelte/src/App.svelte
index 8e561c9..771887b 100644
--- a/src/svelte/src/App.svelte
+++ b/src/svelte/src/App.svelte
@@ -65,8 +65,6 @@
   import { byte_count_divisible_offset } from './utilities/display'
   import Help from './components/layouts/Help.svelte'
 
-  $: $UIThemeCSSClass = $darkUITheme ? CSSThemeClass.Dark : CSSThemeClass.Light
-
   function requestEditedData() {
     if ($requestable) {
       vscode.postMessage({
@@ -296,6 +294,9 @@
 
       case MessageCommand.setUITheme:
         $darkUITheme = msg.data.theme === 2
+        $UIThemeCSSClass = $darkUITheme
+          ? CSSThemeClass.Dark
+          : CSSThemeClass.Light
         break
       case MessageCommand.viewportRefresh:
         // the viewport has been refreshed, so the editor views need to be updated