Dark theme is enforced in the web interface launched via adk web, with no option to switch to light mode
Describe the bug When launching the web interface using the adk web command, the theme is permanently set to dark mode, with no option to switch to a light theme. This limits customization and accessibility for users.
To Reproduce Steps to reproduce the behavior:
- Run adk web to start the web interface.
- Open the generated page in a web browser.
- Observe that the dark theme is enforced and no option is available to switch to a light theme.
Expected behavior The web interface should: • Allow users to manually toggle between light and dark themes, or • Automatically adjust the theme based on the system preferences.
Screenshots
Desktop (please complete the following information):
- OS: macOS
- Python version (python -V): Python 3.12.6
- ADK version (pip show google-adk): Name: google-adk, Version: 0.1.0
Additional context Suggested solution: Add a theme toggle to the web interface to let users choose between light and dark themes, or allow theme configuration via a config file or command-line option.
References:
- Official Material Design dark theme guidelines
- I/O 2019: Our Definitive Guide to Design – Google Design
Currently, there are no mentions or references to a light theme in the documentation or web interface, which may indicate it is not supported.
Light theme is not supported yet. We have this in our backlog.
Cool! Cool thing! Thank you 🦄
Hey i implemented a theme toggle between dark and light mode. if this is still an open issue i wanted to contribute to it @boyangsvl
I've assigned this issue to you, @omarcevi , thanks!