github/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent synced 2025-08-22 22:33:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

WebUI: Set base background color

Browse source
This commit is contained in:
skomerko 2024-11-25 15:41:57 +01:00
commit 60a2ea35ee
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/webui/www/private/css/style.css
View file

@ -10,6 +10,7 @@
--color-text-white: hsl(0deg 0% 100%); --color-text-white: hsl(0deg 0% 100%);
--color-text-disabled: hsl(0deg 0% 60%); --color-text-disabled: hsl(0deg 0% 60%);
--color-text-default: hsl(0deg 0% 33%); --color-text-default: hsl(0deg 0% 33%);
--color-background-primary: hsl(0deg 0% 100%);
--color-background-blue: hsl(210deg 65% 55%); --color-background-blue: hsl(210deg 65% 55%);
--color-background-popup: hsl(0deg 0% 100%); --color-background-popup: hsl(0deg 0% 100%);
--color-background-default: hsl(0deg 0% 94%); --color-background-default: hsl(0deg 0% 94%);
@ -28,6 +29,7 @@
--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%);
--color-text-default: hsl(0deg 0% 90%); --color-text-default: hsl(0deg 0% 90%);
--color-background-primary: hsl(0deg 0% 7%);
--color-background-blue: hsl(210deg 42% 48%); --color-background-blue: hsl(210deg 42% 48%);
--color-background-popup: hsl(0deg 0% 20%); --color-background-popup: hsl(0deg 0% 20%);
--color-background-default: hsl(0deg 0% 25%); --color-background-default: hsl(0deg 0% 25%);
@ -130,6 +132,7 @@ button:disabled {
/* Structure */ /* Structure */
body { body {
background-color: var(--color-background-primary);
color: var(--color-text-default); color: var(--color-text-default);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
@ -137,6 +140,11 @@ body {
text-align: left; text-align: left;
} }
/* targets dialog windows loaded via iframes */
body:not(:has(#desktop)) {
background-color: var(--color-background-popup);
}
.aside { .aside {
width: 300px; width: 300px;
} }