From a85736fd27059381c70a5c5196d80d5ce5aae23b Mon Sep 17 00:00:00 2001
From: skomerko <168652295+skomerko@users.noreply.github.com>
Date: Fri, 29 Nov 2024 16:44:53 +0100
Subject: [PATCH] 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.
---
 src/webui/www/private/css/style.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/webui/www/private/css/style.css b/src/webui/www/private/css/style.css
index 752e9408f..1dc074745 100644
--- a/src/webui/www/private/css/style.css
+++ b/src/webui/www/private/css/style.css
@@ -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;
 }