cj/qbittorrent-webui-cjratliff.com
1
0
Fork 0
mirror of https://github.com/Carve/qbittorrent-webui-cjratliff.com.git synced 2025-12-05 17:32:36 -05:00
Code Issues 65 Projects Packages Wiki Activity
Mirror of Carve/qbittorrent-webui-cjratliff.com
175 commits 16 branches 39 tags 19 MiB
Find a file
Exact
CJ Ratliff a7c1a01f13
 Merge pull request #115 from Carve/106-v332-issues-and-observations 
Fixed progress bar progress style
2025-11-28 17:09:58 -05:00
github Updated screenshots 2025-10-14 14:58:41 -04:00
private Fixed progress bar progress style 2025-11-28 17:09:07 -05:00
public Addressed: ability to toggle dark/light mode #84 2025-08-15 15:50:30 -04:00
.eslintrc.json Initial skeleton upload. 2022-10-18 22:39:32 -04:00
.jsbeautifyrc Initial skeleton upload. 2022-10-18 22:39:32 -04:00
.stylelintrc.json Initial skeleton upload. 2022-10-18 22:39:32 -04:00
package.json Initial skeleton upload. 2022-10-18 22:39:32 -04:00
README.md Merge pull request #110 from Carve/106-v332-issues-and-observations 2025-10-14 14:46:23 -04:00
webui.qrc Addressed: ability to toggle dark/light mode #84 2025-08-15 15:50:30 -04:00
webui_rc.py Fixes for Issue #27 2023-09-05 08:39:26 -04:00

README.md

qBittorrent Web UI theme - cjratliff.com 1

Screenshot

Screenshot of Light Theme

Installation

First, you need to download a copy of the latest release (or clone / download this repository for the latest).

  • Under Tools->Preferences->WebUI enable Use alternative WebUI.
  • Choose a location that points to /path/to/qbittorrent-webui-cjratliff.com
  • Restart qBittorrent and refresh your browser for changes to take effect.
  • Optional Add content-security-policy headers under Tools->Preferences->WebUI > Add custom HTTP headers
content-security-policy: default-src 'self'; style-src 'self' 'unsafe-inline' raw.githubusercontent.com use.fontawesome.com; img-src 'self' theme-park.dev raw.githubusercontent.com data:; script-src 'self' 'unsafe-inline'; object-src 'self'; form-action 'self'; frame-ancestors 'self'; font-src 'self' use.fontawesome.com;

optional-installation-step1

You can also change these settings via the config file. The relevant entries are:

WebUI\AlternativeUIEnabled=true
WebUI\RootFolder=/path/to/qbittorrent-webui-cjratliff.com

Styling

Colors - Main

  • #00d9ff Primary: #00d9ff
  • #ef596f Red: #ef596f
  • #be5046 Orange: #be5046
  • #e5c07b Yellow: #e5c07b
  • #89ca78 Green: #89ca78
  • #61afef Blue: #61afef
  • #d55fde Indigo: #d55fde
  • #ba5fde Violet: #ba5fde

Colors - Dark (Default)

  • #202020 Background: #202020
  • #242424 Background-Alt: #242424
  • #4e4e4e Background-Alt2: #4e4e4e
  • #c2c2c2 Text: #c2c2c2
  • #d3d3d3 Text-Alt: #d3d3d3
  • #2F3437 Line-Color: #2F3437

Colors - Light

  • #202020 Background: #f0f0f0
  • #242424 Background-Alt: #f5f5f5
  • #4e4e4e Background-Alt2: #e0e0e0
  • #c2c2c2 Text: #333333
  • #d3d3d3 Text-Alt: #555555
  • #2F3437 Line-Color: #d0d0d0

Fonts

Google Sans

Other

*The current releases are for qBittorent versions 5.x and higher For qBittorent < 5.x, please use v1.4.0

  1. Based on colorscheme from cjratliff.com ↩︎