Page 1 of 1

Switching Dark/Light Alternate WebUI

Posted: Thu Oct 08, 2020 12:51 am
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

Re: Switching Dark/Light Alternate WebUI

Posted: Thu Oct 08, 2020 2:16 pm
by FranciscoPombal
Thank you for your contribution. It has been added to the list: https://github.com/qbittorrent/qBittorr ... ate-WebUIs

Re: Switching Dark/Light Alternate WebUI

Posted: Sat Oct 31, 2020 6:13 pm
by whoareyou
Thanks, looks cool