diff --git a/packages/compass/src/app/styles/index.less b/packages/compass/src/app/styles/index.less
index b814569f932..ca73efbe338 100644
--- a/packages/compass/src/app/styles/index.less
+++ b/packages/compass/src/app/styles/index.less
@@ -40,6 +40,21 @@
   }
 }
 
+@media (prefers-color-scheme: dark) {
+  :root {
+    background-color: @palette__black;
+    color: @palette__white;
+  }
+  #loading {
+    &-sidebar {
+      background: @palette__black;
+    }
+    &-content {
+      background: @palette__black;
+    }
+  }
+}
+
 @keyframes fadein {
   from {
     opacity: 0;