From 776fd25da0fcd78dcb6dfb758afabd6e12d73b41 Mon Sep 17 00:00:00 2001 From: Yee Cheng Chin Date: Thu, 17 Oct 2019 04:03:54 -0700 Subject: [PATCH] Fix web page dark modes for Chrome/FF (they don't support color-scheme) --- stylesheets/stylesheet_dark.css | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/stylesheets/stylesheet_dark.css b/stylesheets/stylesheet_dark.css index 9bec1a9b2b..8cb7851003 100644 --- a/stylesheets/stylesheet_dark.css +++ b/stylesheets/stylesheet_dark.css @@ -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;