mirror of
https://github.com/qbittorrent/qBittorrent.git
synced 2025-01-05 14:47:25 +03:00
WebUI: Set base background color
This PR ensures that the same base background color is used across different browsers (more consistent styling). Context: https://github.com/qbittorrent/qBittorrent/pull/21498#issuecomment-2399929576 Used default Chrome colors: https://github.com/qbittorrent/qBittorrent/issues/21894#issuecomment-2494253459 PR #21914.
This commit is contained in:
parent
dafbcf8709
commit
a85736fd27
1 changed files with 8 additions and 0 deletions
|
@ -10,6 +10,7 @@
|
|||
--color-text-white: hsl(0deg 0% 100%);
|
||||
--color-text-disabled: hsl(0deg 0% 60%);
|
||||
--color-text-default: hsl(0deg 0% 33%);
|
||||
--color-background-primary: hsl(0deg 0% 100%);
|
||||
--color-background-blue: hsl(210deg 65% 55%);
|
||||
--color-background-popup: hsl(0deg 0% 100%);
|
||||
--color-background-default: hsl(0deg 0% 94%);
|
||||
|
@ -36,6 +37,7 @@
|
|||
--color-text-blue: hsl(210deg 88.1% 73.5%);
|
||||
--color-text-orange: hsl(26deg 65% 70%);
|
||||
--color-text-default: hsl(0deg 0% 90%);
|
||||
--color-background-primary: hsl(0deg 0% 7%);
|
||||
--color-background-blue: hsl(210deg 42% 48%);
|
||||
--color-background-popup: hsl(0deg 0% 20%);
|
||||
--color-background-default: hsl(0deg 0% 25%);
|
||||
|
@ -146,6 +148,7 @@ button:disabled {
|
|||
/* Structure */
|
||||
|
||||
body {
|
||||
background-color: var(--color-background-primary);
|
||||
color: var(--color-text-default);
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
|
@ -153,6 +156,11 @@ body {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
/* targets dialog windows loaded via iframes */
|
||||
body:not(:has(#desktop)) {
|
||||
background-color: var(--color-background-popup);
|
||||
}
|
||||
|
||||
.aside {
|
||||
width: 300px;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue