From afd017d8330fa49357994fe45e3ea64c6dd06289 Mon Sep 17 00:00:00 2001 From: RD WebDesign Date: Wed, 18 Oct 2023 17:22:01 -0300 Subject: [PATCH 1/2] Do not load light theme file if dark mode is preferred Signed-off-by: RD WebDesign --- style/themes/default-auto.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style/themes/default-auto.css b/style/themes/default-auto.css index 1c1d2529..e6a27e8a 100644 --- a/style/themes/default-auto.css +++ b/style/themes/default-auto.css @@ -1,6 +1,6 @@ /* Code courtesy of https://blog.jim-nielsen.com/2019/conditional-syntax-highlighting-in-dark-mode-with-css-imports/ */ /* Assume light mode by default */ -@import "default-light.css" screen; +@import "default-light.css" screen and (prefers-color-scheme: light); /* Supersede dark mode when applicable */ @import "default-dark.css" screen and (prefers-color-scheme: dark); From c55a41cead4259b995adfcc757ea56d2727e5205 Mon Sep 17 00:00:00 2001 From: RD WebDesign Date: Thu, 19 Oct 2023 14:30:06 -0300 Subject: [PATCH 2/2] Import light mode if color-scheme is different than dark Imports the light theme if prefers-color-scheme is not dark (light, no-preference, not set) Signed-off-by: RD WebDesign --- style/themes/default-auto.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style/themes/default-auto.css b/style/themes/default-auto.css index e6a27e8a..0926ca5a 100644 --- a/style/themes/default-auto.css +++ b/style/themes/default-auto.css @@ -1,6 +1,6 @@ /* Code courtesy of https://blog.jim-nielsen.com/2019/conditional-syntax-highlighting-in-dark-mode-with-css-imports/ */ -/* Assume light mode by default */ -@import "default-light.css" screen and (prefers-color-scheme: light); -/* Supersede dark mode when applicable */ +/* Import light mode if color-scheme is different than dark (even not set) */ +@import "default-light.css" screen and not (prefers-color-scheme: dark); +/* Import dark mode when applicable */ @import "default-dark.css" screen and (prefers-color-scheme: dark);