Hi there 👋
together we can discuss new ideas, suggestions and solve issues to make our service even better for you. How would you rate your experience?
Changelog
together we can discuss new ideas, suggestions and solve issues to make our service even better for you.
Feedback
together we can discuss new ideas, suggestions and solve issues to make our service even better for you.
Please also include native Dark Mode support with system preferences and a11y aspects. https://web.dev/articles/building/a-theme-switch-component
Demo: https://gui-challenges.web.app/theme-switch/dist/
Please also include native Dark Mode support with system preferences and a11y aspects. https://web.dev/articles/building/a-theme-switch-component
Demo: https://gui-challenges.web.app/theme-switch/dist/
@gierand
Hey Andrzej,
We will soon start on this as code blocks as that should give us freedom to make more design like: https://toggles.dev/
About a11y aspects, should be included, system preference will be option flag probably in code block or as data-attribute.
I hate match system personally and I would rather have manual toggle to use dark/light mode depending on my mood as I use dark mode because of dev tools schema mostly in browser, and often if it is not late I prefer reading articles in light mode. But will be supported as option for sure
Elements will be postponed for now because in favor to Components, more about this here:
https://feedback.headspinui.com/feedback/158555/
Alpha version of elements is on our Discord if someone wants to see initial version, in future we may revisit decision based on user feedback in future.
We have released two packs related to themes:
1) Toggles
https://headspinui.com/component/animated-theme-toggles/
2) Switches
https://headspinui.com/component/theme-switches/
@gierand
System preference is optional which needs to be enabled via data attribute
A11Y aspects should be covered, I have used web dev article as basepoint, but modified to switch aria label and title to represent current theme also based on theme value