Add auto dark mode loader screen

RoboSats · Sep 20, 2022 · e4ddeea · e4ddeea
1 parent 3a07028
commit e4ddeea
Show file tree

Hide file tree

Showing 2 changed files with 330 additions and 312 deletions.
diff --git a/frontend/static/css/index.css b/frontend/static/css/index.css
@@ -6,6 +6,24 @@ body {
   font-family: 'Roboto';
 }
 
+@media (prefers-color-scheme: dark) {
+  body {
+    background: rgb(0, 0, 0);
+  }
+  .loaderSpinner {
+    color: #90caf9;
+  }
+  .loaderSpinner:before{
+    background: rgb(0, 0, 0);
+  }
+  .loaderSpinner:after{
+    background: rgb(0, 0, 0);
+  }
+  .slider{
+    color: #fff;
+  }
+}
+
 #main {
   position: fixed;
   width: 100%;