esphome
style: add dark mode 💄
Add Dark Mode 💄
Note: this PR is dependent on https://github.com/esphome/dashboard/pull/514
Not sure if this is the most efficient implementation of a dark mode toggle.
Another Issue I unfortunately don't know how to fix is, saving this choice in local storage, would love to get some guidance on how to achieve that.
The theme automatically updates in case the system preferences change before or during using the page. Furthermore, there is a toggle if, for some reason, the theme doesn't match the user's preferences.
Here are some screenshots of how this looks like:
Toolbar in Light Mode:
Toolbar in Dark Mode:
Tooltip on hover:
Behaviour:
https://github.com/esphome/dashboard/assets/61006057/9a6a1ba5-d664-4d74-9ecb-97e695034c4f
Light Mode:
Dark Mode:
Nice, but please without that toggle button. Mode has to be switched via browser settings (discord thread)
Nice, but please without that toggle button. Mode has to be switched via browser settings (discord thread)
Removed the toggle. Thanks for pointing it out 👍