etyd Frontend add dark mode support

2024-04-23 08:07:44 -07:00
parent 3b96e07d13
commit 2000a2f18d
1 changed files with 18 additions and 0 deletions
--- a/etydFrontend/_static/index.css
+++ b/etydFrontend/_static/index.css
@@ -19,4 +19,22 @@ body {
    .resultfeed {
        min-height: 20vh;
    }
+}
+
+@media (prefers-color-scheme: dark) { /* Dark mode support */
+    body {
+        background-color: black;
+        color: white;
+    }
+
+    input, select, textarea, button {
+        background: none;
+        color: white;
+        border: 2px solid white;
+    }
+
+    input:disabled, button:disabled {
+        opacity: 0.8;
+        cursor: not-allowed;
+    }
 }