qBittorent

Custom qBittorent CSS.

Organizr Dark Theme

https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/XXX.css
aquamarine.css
hotline.css
plex.css
dark.css
space-gray.css
organizr-dark.css

🛠️ Installation

⚠️ CSP NOTE:

Setup

As Qbittorrent will block the theme with its content security policy you need to change or remove the CSP header.

Add this in your reverse proxy to remove the headers:

proxy_hide_header "x-webkit-csp";
proxy_hide_header "content-security-policy";
proxy_hide_header "X-Frame-Options";

Nginx variable example:

location /qbt/ {
    proxy_pass              http://192.168.1.34:8080/;
    proxy_set_header        X-Forwarded-Host        $server_name:$server_port;
    proxy_hide_header       Referer;
    proxy_hide_header       Origin;
    proxy_set_header        Referer                 '';
    proxy_set_header        Origin                  '';
    add_header              X-Frame-Options         "SAMEORIGIN";
	
	set $app qbittorrent;
	include /config/nginx/theme-park.conf;
	
    proxy_hide_header   "x-webkit-csp";
    proxy_hide_header   "content-security-policy";
  }

⚠️ Issues

If you get errors in the browser console, and the RSS tab stop working (See https://github.com/gilbN/theme.park/issues/132) You need to subfilter the <noscript> tag instead of the </head> tag.

example

proxy_set_header Accept-Encoding "";
sub_filter
'<noscript>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/THEME.css">
<noscript>';
sub_filter_once on;

Screenshots

Dark Theme

Space Gray Theme

Plex Theme

Organizr Dark Theme

Hotline Theme

Aquamarine Theme

Documentation