Dark WebUI theme?

[xthursdayx]

I was wondering if it's possible to install a dark theme in this container. I tried following the two isntructions versions here: https://github.com/iFelix18/Dark-qBittorrent-WebUI but unfortunately I ran into the same problem this person is having: https://github.com/iFelix18/Dark-qBittorrent-WebUI/issues/5

I first checked the box within qbittorrent to allow the use of an Alternative Web UI. I then cloned the @iFelix19's Dark-qBittorrent-WebUI repo into my qbittorrent appdata directory and then I added directories called themes/public/and /themes/private, with the data subdirectory. Both directories contained an index.html file containing the code <link rel="stylesheet" type="text/css" href="css/dark-qbittorrent-webui.css?v=${VERSION}" \> and link rel="stylesheet" type="text/css" href="css/dark-qbittorrent-webui.css?v=${VERSION}" \>, respectively, and file dark-qbitrorrent-webui.css (from @iFelix18's repo). However, when I restarted qbittorrent I got the error message "Unacceptable file type, only regular file is allowed.".

I then tried to move the themes subdirectory into the config subdirectory, bu had the same problem. Finally, I endited my qBittorrent.conf to made sure that the line WebUI\AuthSubnetWhitelistEnabled=true was set correctly, and set the WebUI\RootFolder= to the correct location (either /config/themes/ or /data/themes, depending on the set up.

Any ideas if this will be able to work? Thanks!

[s3rverro0m]

I have the themes directory outside of the config folder and it reads it perfectly fine. I’ll have to double check what I did to get mine to work, but it’s been working for me for about a year+ now.

edit: Sorry I just checked and my themes folder is inside the main config folder. Not /config/qbittorrent/config

So your themes folder needs to be in the top level config folder or this won’t work. You can maybe try mapping the themes folder to a different location via docker, but I’m not sure if Qbit will like that or not.

[xthursdayx]

Strange, I've tried every version of the set up I can think of... Are you using .qbtheme files?

My config directory is: /binhex-qbittorrentvpn/. Inside of the top-level directory is the qBittorrent directory, which in turn contains the directories: cache, config, and data. I've tried putting theme files in a themes directory in the top level config folder (binhex-qbittorrentvpn), in a themes directory at the second level (binhex-qbittorrentvpn/qBittorrent/), and have also tried putting the .qbtheme file itself in a variety of places - binhex-qbittorrentvpn, binhex-qbittorrentvpn/qBittorrent/, binhex-qbittorrentvpn/qBittorrent/config. Each of these has resulted in the same error message: Unacceptable file type, only regular file is allowed.

Can you tell me what the line WebUI\RootFolder= in your qBittorrent.conf says?

[s3rverro0m]

Okay so my top level volume is /config and inside of it I have...openvpn, privoxy, qBittorrent, etc...which also includes themes and webui. The webui part was key to get this working. So in themes I have Dark-qBittorrent-WebUI and qBittorrent githubs. In webui I have the private, public folders and what have you, that you were told to create to make this all work. As far as my WebUI\RootFolder= it's /config/webui

Let me know if this all makes sense. This was over a year+ ago that I set this up so some stuff may be fuzzy. I know you have to edit some files to point it to the specific css but I forgot what.

Edit: These are the steps I used:

Use Alternative WebUI in qBittorrent

    Follow the instructions to use Alternate WebUI usage.
    Copy dark-qbittorrent-webui.css to <new folder>/public/css.
    Edit <new folder>/public/index.html.
    Add <link rel="stylesheet" type="text/css" href="css/dark-qbittorrent-webui.css?v=${VERSION}" \> after the other CSS links in header.
    Copy dark-qbittorrent-webui.css to <new folder>/private/css.
    Edit <new folder>/private/index.html.
    Add <link rel="stylesheet" type="text/css" href="css/dark-qbittorrent-webui.css?v=${VERSION}" \> after the other CSS links in header.

The private and public folders I created and copied from qbittorrents github which is why it's in my themes folder.

[DrDirtyDevil]

i dont know it'll help but i have it this way:

Actual path of theme: /Config/Data/qBittorrent/Vuetorrent/public Working path: /Config/Data/qBittorrent/Vuetorrent

so i don't specify the last folder