Cool_Tools/qbittorrent-webui-cjratliff.com
1
0
Fork 0
mirror of https://github.com/Carve/qbittorrent-webui-cjratliff.com.git synced 2025-02-28 23:50:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix for: progress bar height and color

Browse Source
This commit is contained in:
Carve 2024-10-09 23:50:17 -04:00
parent ec02640ebc
commit 5b8458719b
3 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
private/css/cjratliff.css
View File

@ -63,3 +63,26 @@ body {
.highlight-purple { .highlight-purple {
color: var(--highlight-color--purple) !important; color: var(--highlight-color--purple) !important;
} }
/* 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%;
}

4
private/scripts/piecesbar.js
View File

@ -51,8 +51,8 @@ window.qBittorrent.PiecesBar ??= (() => {
"id": "piecesbar_" + (piecesBarUniqueId++), "id": "piecesbar_" + (piecesBarUniqueId++),
"width": 0, "width": 0,
"height": 0, "height": 0,
"downloadingColor": "hsl(110deg 94% 27%)", // @TODO palette vars not supported for this value, apply average "downloadingColor": "#00d9ff", // @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 "haveColor": "#00d9ff", // @TODO palette vars not supported for this value, apply average
"borderSize": 1, "borderSize": 1,
"borderColor": "var(--color-border-default)" "borderColor": "var(--color-border-default)"
}; };

4
private/scripts/progressbar.js
View File

@ -44,9 +44,9 @@ window.qBittorrent.ProgressBar ??= (() => {
"value": [value, 0].pick(), "value": [value, 0].pick(),
"width": 0, "width": 0,
"height": 0, "height": 0,
"darkbg": "var(--color-background-blue)", "darkbg": "#00d9ff",
"darkfg": "var(--color-text-white)", "darkfg": "var(--color-text-white)",
"lightbg": "var(--color-background-default)", "lightbg": "#00d9ff",
"lightfg": "var(--color-text-default)" "lightfg": "var(--color-text-default)"
}; };
if (parameters && (typeOf(parameters) === "object")) if (parameters && (typeOf(parameters) === "object"))