Webui: Add color scheme switcher

Closes #21600
This commit is contained in:
sledgehammer999
2024-10-15 01:33:25 +03:00
parent 7b0b3a1522
commit 3aefc16c57
4 changed files with 53 additions and 17 deletions

View File

@@ -19,19 +19,11 @@
--color-icon-hover: brightness(0) invert(100%) sepia(100%) saturate(0%)
hue-rotate(108deg) brightness(104%) contrast(104%);
color-scheme: light dark;
}
/* Light corrections */
@media (prefers-color-scheme: light) {
:root {
&:not(.dark) {
color-scheme: light;
}
}
/* Dark corrections */
@media (prefers-color-scheme: dark) {
:root {
&.dark {
--color-accent-blue: hsl(210deg 42% 48%);
--color-text-blue: hsl(210deg 88.1% 73.5%);
--color-text-orange: hsl(26deg 65% 70%);
@@ -43,13 +35,13 @@
--color-border-default: hsl(0deg 0% 33%);
color-scheme: dark;
}
#rssButtonBar img,
#startSearchButton img,
#manageSearchPlugins img {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%)
hue-rotate(156deg) brightness(106%) contrast(101%);
#rssButtonBar img,
#startSearchButton img,
#manageSearchPlugins img {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
saturate(1%) hue-rotate(156deg) brightness(106%) contrast(101%);
}
}
}