diff --git a/apps/vscode/webview-ui/src/main.tsx b/apps/vscode/webview-ui/src/main.tsx
index ae4b4ea151..c143d3cb1e 100644
--- a/apps/vscode/webview-ui/src/main.tsx
+++ b/apps/vscode/webview-ui/src/main.tsx
@@ -3,7 +3,10 @@ import { createRoot } from "react-dom/client";
 import App from "./App";
 
 function syncTheme() {
-  const isDark = document.body.classList.contains("vscode-dark");
+  const themeKind = document.body.dataset.vscodeThemeKind;
+  const isDark =
+    themeKind === "vscode-dark" ||
+    themeKind === "vscode-high-contrast";
   document.documentElement.classList.toggle("dark", isDark);
 }