qbittorrent/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent.git synced 2024-11-27 03:30:34 +00:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

WebUI: Define global CSS variables in root selector

Browse Source
This commit is contained in:
skomerko 2024-09-21 14:55:53 +02:00
parent 960edd95cc
commit 10149de205
1 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/webui/www/private/css/style.css
View File

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