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.
Just ti make clear, we think that dark mode should be core feature, and disabling it fully probably won't be the case. But we'll consider hiding it from interface rather. Not going too deep about personal workflow, but almost every site needs at least local dark mode. So instead of having to set color inside each element, with local dark mode you set on attribute in the section and it will work.
For illustration Breakdance site with local dark mode.
@renato_recoda What is "Local" dark mode? I've seen no mention of that in your explanation videos. Is that documented? What's
the attribute?
I'm not looking for anything to be disabled, just the option to hide like you have given us for transparencies. Just makes for a cleaner interface for those that don't want to use any form of dark mode.
@david
When you place data-hsx="dark" on any element it will switch that element all children to use dark color palette variation. So you need just assign that attribute to any element to make whle section in dark mode. Many sites don't need global dark mode, but tons of them us use dark section variation.
Global dark mode = placing dark mode attribute on root or body element
Local dark mode = placing dark mode attribute on section, card
Keep in mind when you want to use local, you should set some background (1-3) color as by default it is transparent so colors would look broken because light mode site section with transparent will look like white background.
data-hsx="dark" => locks section / element to use always dark color palette
data-hsx="light" => locks section / element to use always light color palette
data-hsx="invert" => locks section / element to use always opposite color palette from default theme by site
Hope this explains, this is truly scalable method to make these variation without need to tweak every element just to make dark section variation and later if you want focus another section remove all the styles and doing that for it. Here you just switch attribute to another
Also I have recorded short video demo of this: https://share.cleanshot.com/cLfFyVvc
@renato_recoda Thank you! I had no idea that existed