return default colouring for light mode

rsocket · Sep 7, 2021 · 97f857d · 97f857d
1 parent 8176a5e
commit 97f857d
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/viewer/App.scss b/src/viewer/App.scss
@@ -38,6 +38,17 @@
     --incoming-frame-color: #ce5500;
   }
 }
+// TODO: is there a way not to duplicate?
+@media(prefers-color-scheme: light) {
+  :root {
+    --base-text-color: #222;
+    --grey-text-color: #888;
+    --ascii-view-color: #444;
+    --main-background-color: #f8f8f8;
+    --outgoing-frame-color: #f6ffd0;
+    --incoming-frame-color: #ffe6ca;
+  }
+}
 .App {
   font-family: 'Segoe UI', Tahoma, sans-serif;
   font-size: 12px;