Qbittorrent
Qbittorrent Custom Qbittorrent CSS
ENV
QBITTORRENT_VERSION=x.x.x if you need to use a specific version of the qbittorrent UI.TP_DISABLE_THEME=true to revert and restore all changes if something is broken. 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";
If you don't want to remove the headers using a webserver, you can also override the CSP header with a custom one.
Add the following in Add custom HTTP headers on the Web UI section.
content-security-policy: default-src 'self'; style-src 'self' 'unsafe-inline' theme-park.dev raw.githubusercontent.com use.fontawesome.com; img-src 'self' theme-park.dev raw.githubusercontent.com data:; script-src 'self' 'unsafe-inline'; object-src 'none'; form-action 'self'; frame-ancestors 'self'; font-src use.fontawesome.com;
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";
}
Subfilter
If you get errors in the browser console, and the RSS tab stop working (See https://github.com/themepark-dev/theme.park/issues/132)
You need to subfilter the </body> tag instead of the </head> tag.
proxy_set_header Accept-Encoding "";
sub_filter
'</body>'
'<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/qbittorrent/<THEME>.css">
</body>';
sub_filter_once on;
This will allow stylesheets and image sources from theme-park.dev and raw.githubusercontent.com domains.
Aquamarine Theme
Hotline Theme
Hotpink Theme