[Feature Request] UI: Support for Light Mode / Theme Switching
Is your feature request related to a problem? Please describe.
First of all, thanks for this amazing toolkit! It works great.
However, I noticed that the Web UI currently only supports Dark Mode. While the dark theme looks sleek, it causes significant eye strain for me (and likely others) when working in bright physical environments or during the daytime. Reading high-contrast text on a black background for extended training sessions can be quite tiring.
Describe the solution you'd like
I would love to see a Theme Toggle button (e.g., in the navigation bar or settings) that allows users to switch between Dark and Light modes.
Since the project seems to use Tailwind CSS, hopefully, implementing a light class variant or a theme provider wouldn't be too heavy of a lift.
Describe alternatives you've considered
I have tried using browser extensions to invert colors, but they often break the UI styling or make images (like training previews) look incorrect. Native support would be much better.
Additional context
Adding a Light Mode would greatly improve accessibility and the overall user experience for those of us who prefer or need brighter interfaces.
Thanks for considering this!
I am also incapable of using dark theme due to astigmatism (bright spots on dark background glow and are blurry) and palinopsia (bright features on dark backgrounds ghost with sustained afterimages). Typically I can look at a dark mode UI for about 10-20 seconds before I risk become nauseous for the next like 4-8 hours. I am the type of person for why the dark/light mode toggles are easy to find on sites that have decent accessibility.
To me, dark mode looks something like this, though the afterimages pulse and flash, it also physically hurts like staring in to a flashlight in the dark.
To workaround this on sites that have to use and are pure dark mode only, I've been misusing Dark Reader to invert the color pallet. This kinda works, though a lot of thing will be broken or almost impossible to read, but at least I can generally look at the site for more than a 30 seconds without becoming nauseous and developing migraines. Dark Reader is intended to make site in to what would be a neurological hazzard for me, so its light mode features are rather experimental, along with its own UI being something I can barely look at for long, lol
I've been able to make ai-toolkit look like this. Its 90% usable as some text (like in text inputs) will be white on almost-white.
Silver told me a while back to make a feature request for light mode, but I had mostly workaround it and I was very mentally drained at the time already from working on this very issues with ComfyUI (still am, they are not good as accessibility and the vibe coded and figma'd 2.0 UI is making it even worse xD).
I had a look at look back then at possibly doing a PR for a light mode, but it seemed like so much of the UI elements use static colors.
An example where my workaround doesn't work well: