pi-hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2024-12-06 19:36:21 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Auto theme: do not load default-light.css file if dark mode is preferred (#2764)

Browse Source 
The previous code was importing both files (`default-light.css` and  `default-dark.css`) when dark mode was set. 
Due to small differences between these themes, some elements were retaining Light styles on the Dark theme. 
Now only one file is imported.
This commit is contained in:
RD WebDesign
2023-10-19 14:41:52 -03:00
committed by GitHub
parent f305d2d40d c55a41cead
commit 111c728675
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style/themes/default-auto.css
+3 -3
View File
@@ -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;
/* 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);