WebUI: Define global CSS variables in root selector

This commit is contained in:
skomerko 2024-09-21 14:55:53 +02:00
parent 960edd95cc
commit 10149de205

View file

@ -1,7 +1,7 @@
/* Adaptive color palette */
/* Default rules */
* {
:root {
--color-accent-blue: hsl(210deg 65% 55%);
--color-text-blue: hsl(210deg 100% 55%);
--color-text-orange: hsl(26deg 100% 45%);
@ -18,9 +18,7 @@
--color-border-default: hsl(0deg 0% 85%);
--color-icon-hover: brightness(0) invert(100%) sepia(100%) saturate(0%)
hue-rotate(108deg) brightness(104%) contrast(104%);
}
:root {
color-scheme: light dark;
}
@ -34,10 +32,6 @@
/* Dark corrections */
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
}
* {
--color-accent-blue: hsl(210deg 42% 48%);
--color-text-blue: hsl(210deg 88.1% 73.5%);
--color-text-orange: hsl(26deg 65% 70%);
@ -47,6 +41,8 @@
--color-background-default: hsl(0deg 0% 25%);
--color-background-hover: hsl(26deg 50% 55%);
--color-border-default: hsl(0deg 0% 33%);
color-scheme: dark;
}
#rssButtonBar img,