diff --git a/studio/styles/main.scss b/studio/styles/main.scss
index 1629e225f20..e3d187c24c4 100644
--- a/studio/styles/main.scss
+++ b/studio/styles/main.scss
@@ -216,6 +216,12 @@ div.fixed.inset-0 {
   }
 }
 
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+}
+
 .text-area-resize-none {
   textarea {
     @apply resize-none;