Skip to content

logo qBittorrent

Custom qBittorrent CSS

Organizr Dark Theme

https://theme-park.dev/CSS/themes/qbittorrent/XXX.css

aquamarine.css

hotline.css

hotpink.css

dracula.css

dark.css

organizr.css

space-gray.css

overseerr.css

plex.css

nord.css

🛠️ Installation

Setup

Subfilter CSP

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://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css">
<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/variables/<THEME>.css">
<noscript>';
sub_filter_once on;

Screenshots

Aquamarine Theme

Hotline Theme

Hotpink Theme

Dracula Theme

Dark Theme

Organizr Theme

Space-gray Theme

Overseerr Theme

Plex Theme

Nord Theme


Last update: October 25, 2021