From 5b8458719b3cb101c2e3ccf8e8d7fafc8e5104f8 Mon Sep 17 00:00:00 2001
From: Carve <its.carve@gmail.com>
Date: Wed, 9 Oct 2024 23:50:17 -0400
Subject: [PATCH] Fix for: progress bar height and color

---
 private/css/cjratliff.css      | 25 ++++++++++++++++++++++++-
 private/scripts/piecesbar.js   |  4 ++--
 private/scripts/progressbar.js |  4 ++--
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/private/css/cjratliff.css b/private/css/cjratliff.css
index b225091..9846fa3 100644
--- a/private/css/cjratliff.css
+++ b/private/css/cjratliff.css
@@ -62,4 +62,27 @@ body {
 
 .highlight-purple {
 	color: var(--highlight-color--purple) !important;
-}	
\ No newline at end of file
+}
+
+/* Fixes for darkmode */
+@media (prefers-color-scheme: dark) {
+	body.darkmode, body {
+		background-color: var(--darkmode-background);
+		color: var(--darkmode-text);
+	}
+}
+
+/* Fix for progressbar */
+td#progress {
+	background-color: var(--darkmode-background);
+	color: var(--darkmode-text);
+}
+
+td#progress .piecesbarWrapper {
+	margin-top: 3px;
+}
+
+td#progress .piecesbarWrapper .piecesbarCanvas {
+	height: 1rem;
+	width: 100%;
+}
\ No newline at end of file
diff --git a/private/scripts/piecesbar.js b/private/scripts/piecesbar.js
index bfaf540..31e95c4 100644
--- a/private/scripts/piecesbar.js
+++ b/private/scripts/piecesbar.js
@@ -51,8 +51,8 @@ window.qBittorrent.PiecesBar ??= (() => {
                 "id": "piecesbar_" + (piecesBarUniqueId++),
                 "width": 0,
                 "height": 0,
-                "downloadingColor": "hsl(110deg 94% 27%)", // @TODO palette vars not supported for this value, apply average
-                "haveColor": "hsl(210deg 55% 55%)", // @TODO palette vars not supported for this value, apply average
+                "downloadingColor": "#00d9ff", // @TODO palette vars not supported for this value, apply average
+                "haveColor": "#00d9ff", // @TODO palette vars not supported for this value, apply average
                 "borderSize": 1,
                 "borderColor": "var(--color-border-default)"
             };
diff --git a/private/scripts/progressbar.js b/private/scripts/progressbar.js
index db08908..b0c1c3a 100644
--- a/private/scripts/progressbar.js
+++ b/private/scripts/progressbar.js
@@ -44,9 +44,9 @@ window.qBittorrent.ProgressBar ??= (() => {
                 "value": [value, 0].pick(),
                 "width": 0,
                 "height": 0,
-                "darkbg": "var(--color-background-blue)",
+                "darkbg": "#00d9ff",
                 "darkfg": "var(--color-text-white)",
-                "lightbg": "var(--color-background-default)",
+                "lightbg": "#00d9ff",
                 "lightfg": "var(--color-text-default)"
             };
             if (parameters && (typeOf(parameters) === "object"))