joelacus / deluge-web-dark-theme

A modern dark theme for Deluge Web UI with custom accent colours and updated icons.
GNU General Public License v3.0
108 stars 9 forks source link

Add Nginx Proxy Manager method of theme application to How-To #14

Open lockheed opened 7 months ago

lockheed commented 7 months ago

If someone is using this reverse proxy, there's a great way to apply the dark theme without any modifications to docker files.

Just add this in the Advanced section:

image

You should add this to the how-to section.

In exchange, I'd appreciate if someone could tell me how to achieve the same result with caddy reverse proxy. I suppose "replace-response" module is needed, but I still don't know how to translate the above nginx format into Caddyfile format.

Brandoskey commented 7 months ago

Thanks for this

Trying to get it to work without success. Typed everything in your photo and triple checked it with no luck.

Does it only work when proxying to a public domain? I prefer not to expose deluge outside my local network. I do have a deluge.home proxy setup that I am attempting this with and nginx shows that status as offline when the above is added to the advanced tab.

lockheed commented 7 months ago

Here's the code for copy/paste:

proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://halianelf.github.io/Deluge-Dark/deluge.css">
</head>';
sub_filter_once on;

Maybe you messed up ports? I don't know about non-public domain, but I include the other config screens: image

image

Brandoskey commented 7 months ago

Works now, after copy and paste

I compared mine and yours and it looks like I missed the space after Accept-Encoding. I should have quadruple checked.

Apparently there have been many upgrades to the dark theme since I initially installed it, looks much nicer.

lockheed commented 7 months ago

In fact, as I am now looking at it, that css theme seems to be a completely unrelated project xD

Brandoskey commented 7 months ago

I'm noticing that too. Not sure this theme is "compatible" just yet. It would definitely be convenient.

I've been using install method 1 so things don't break between container upgrades already.

lockheed commented 7 months ago

Well, I've been using the css theme for at least a year and it was working great. I tried installing that one here today, and failed.

joelacus commented 7 months ago

In fact, as I am now looking at it, that css theme seems to be a completely unrelated project xD

Exactly what I was thinking haha, I was a little confused.

I've not come across Nginx Proxy Manager before, but I'll happily add support for it. How do you set it up? Does it just intercept the deluge connection and inject a new stylesheet into the head of the html?

lockheed commented 7 months ago

AFAIU that's how it works, and that's how every reverse proxy works. I think the work needed is little, as far as the CSS theme goes - all that is needed is a proper format of the code. The code above is for NPM, but Caddy is also extremely popular yet it requires slightly different formatting. Alas, as I am new to it, I am having trouble figuring out how exactly the code should be changed.

RezzZ commented 1 month ago

Well, I've been using the css theme for at least a year and it was working great. I tried installing that one here today, and failed.

I also started with this deluge-web-dark-theme but can't get it to work with unraid and binhex-delugevpn. The suggested css change in my proxy-conf worked instantly without having to copy/mounting any files to my local docker installation. Thanks for this nginx suggestion, even though it points to a different dark theme for now. As all images in the css are pointed to a github location, same can be done for this theme.

One thing though, when mounting the three folders in a container, the original files for the grey theme are not available right? Doesn't that mess up the css as it uses both files from the grey as the dark theme?