fix(css): barely-visible text in dark mode

1 files changed, 7 insertions, 2 deletions

diff --git a/frontend/static/style.css b/frontend/static/style.css
index 4274cc6..8f93079 100644
--- a/frontend/static/style.css
+++ b/frontend/static/style.css
@@ -1,11 +1,16 @@
 :root {
   --standard-border-radius: 0;
-  --text: black;
-  --text-light: #212121;
   --preformatted: var(--code);
   --min-width: 60rem;
 }
 
+@media (prefers-color-scheme: light) {
+  :root {
+    --text: black;
+    --text-light: #212121;
+  }
+}
+
 body {
   grid-template-columns: 1fr min(var(--min-width), 90%) 1fr;
 }