Fix web page dark modes for Chrome/FF (they don't support color-scheme)

2026-05-28 00:21:57 +02:00 · 2019-10-17 04:03:54 -07:00
parent 264ab99a52
commit 776fd25da0
1 changed files with 12 additions and 3 deletions
@@ -2,10 +2,19 @@
 * Custom modified stylesheet to support dark mode as upstream doesn't support
 * it.
 */
-:root {
-    prefer-color-schemes: light dark;
-    color-scheme: light dark;
+@supports (color-scheme: light dark) {
+    :root {
+        color-scheme: light dark;
+    }
 }
+@supports not (color-scheme: light dark) {
+    @media (prefers-color-scheme: dark) {
+        body {
+            background-color: #1E1E1E;
+        }
+    }
+}
+
@media (prefers-color-scheme: dark) {
    a {
        color: #2583E2;