diff --git a/src/components/common/App/styles.ts b/src/components/common/App/styles.ts
index 053b6fadc..d1b858f8d 100644
--- a/src/components/common/App/styles.ts
+++ b/src/components/common/App/styles.ts
@@ -70,6 +70,18 @@ export const getCodeFont = (customFont: string): FlattenSimpleInterpolation => {
 };
 
 export const GlobalStyle = createGlobalStyle`
+  :root {
+    color-scheme: ${({ theme }) => {
+      switch (theme.mode) {
+        case "light":
+          return "light";
+        case "dark":
+        case "dark-jetbrains":
+          return "dark";
+      }
+    }};
+  }
+
   html, body, #root {
     height: 100%;
   }