squidy/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent.git synced 2026-01-03 06:02:29 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add dark theme for WebUI

Browse Source 
Closes #19844.
PR #19901.

---------

Co-authored-by: d47081 <localhost>
Co-authored-by: Chocobo1 <Chocobo1@users.noreply.github.com>
This commit is contained in:
d47081
2023-12-12 06:23:40 +02:00
committed by GitHub
parent cc563d9f78
commit 9d90141c29
24 changed files with 459 additions and 490 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/webui/www/private/scripts/client.js
View File

@@ -1212,7 +1212,7 @@ window.addEvent('load', function() {
loadMethod: 'xhr',
contentURL: 'views/log.html',
require: {
css: ['css/lib/vanillaSelectBox.css'],
css: ['css/vanillaSelectBox.css'],
js: ['scripts/lib/vanillaSelectBox.js'],
},
tabsURL: 'views/logTabs.html',

6
src/webui/www/private/scripts/piecesbar.js
View File

@@ -54,10 +54,10 @@ window.qBittorrent.PiecesBar = (() => {
'id': 'piecesbar_' + (piecesBarUniqueId++),
'width': 0,
'height': 0,
'downloadingColor': 'green',
'haveColor': 'blue',
'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
'borderSize': 1,
'borderColor': '#999'
'borderColor': 'var(--color-border-default)'
};
if (parameters && ($type(parameters) === 'object'))

10
src/webui/www/private/scripts/progressbar.js
View File

@@ -47,10 +47,10 @@ window.qBittorrent.ProgressBar = (function() {
'value': $pick(value, 0),
'width': 0,
'height': 0,
'darkbg': '#006',
'darkfg': '#fff',
'lightbg': '#fff',
'lightfg': '#000'
'darkbg': 'var(--color-background-blue)',
'darkfg': 'var(--color-text-white)',
'lightbg': 'var(--color-background-default)',
'lightfg': 'var(--color-text-default)'
};
if (parameters && $type(parameters) == 'object')
$extend(vals, parameters);
@@ -60,7 +60,7 @@ window.qBittorrent.ProgressBar = (function() {
'id': vals.id,
'class': 'progressbar_wrapper',
'styles': {
'border': '1px solid #000',
'border': '1px solid var(--color-border-default)',
'width': vals.width,
'height': vals.height,
'position': 'relative',