diff --git a/apps/vscode/webview-ui/src/main.tsx b/apps/vscode/webview-ui/src/main.tsx
index ae4b4ea151..e3f379ca4d 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 isDark =
+    document.body.classList.contains("vscode-dark") ||
+    (document.body.classList.contains("vscode-high-contrast") &&
+      !document.body.classList.contains("vscode-high-contrast-light"));
   document.documentElement.classList.toggle("dark", isDark);
 }