Switching Dark/Light Alternate WebUI

Other platforms, generic questions.
Post Reply
KernelPan1c
Newbie
Newbie
Posts: 1
Joined: Thu Oct 01, 2020 2:33 am

Switching Dark/Light Alternate WebUI

Post by KernelPan1c »

I've created a version of the WebUI that switches between a dark or light theme based on OS preference. I've seen other dark themes posted, but they seem to be just themes that don't change, and don't replace any of the icons. My version switches with OS and has a toggle to override the system preference. Should support all browsers except IE. Tested with Safari, Firefox, and multiple Chromiums. A final minor tweak is the login page scales for a mobile UI so the fields aren't tiny.

Otherwise it pretty much matches the standard UI (a few tiny tweaks). It could be made with light theme fallbacks for older browsers and IE, but I won't implement that unless the master branch notices this.

I'll probably fork this eventually with a makeover now that I have the skeleton down to variables. Should be easy for others to recolor if they can decipher my SASS (relatively organized). All the icons I changed are also compiled in one handy AI for quick re-coloring of all the icons if you have the software to open it.

Github Link: https://github.com/crash0verride11/Dark ... rent-WebUI

Image
FranciscoPombal
Member
Member
Posts: 54
Joined: Wed Sep 09, 2020 10:34 pm

Re: Switching Dark/Light Alternate WebUI

Post by FranciscoPombal »

Thank you for your contribution. It has been added to the list: https://github.com/qbittorrent/qBittorr ... ate-WebUIs
whoareyou
Newbie
Newbie
Posts: 1
Joined: Sat Oct 31, 2020 6:12 pm

Re: Switching Dark/Light Alternate WebUI

Post by whoareyou »

Thanks, looks cool
Post Reply