feat: use dark colors for background on initial app loading with dark…

… theme (#4980) For dark theme, use dark colors for background on initial app loading Co-authored-by: Gokul Raam <[email protected]> Co-authored-by: Anna Henningsen <[email protected]>
mongodb-js · Nov 1, 2023 · 8c74849 · 8c74849
1 parent d4718d7
commit 8c74849
Showing 1 changed file with 15 additions and 0 deletions.
diff --git 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;