Dark mode background toggle #215
-
|
Hi folks! Thank you so much for this library! I come from Storybook and it's great to see faster development times and a much better UI. I'm kind of stuck at a point where I'm unable to sync the background colour of the canvas along with the dark mode of the UI. Here's my situation:
For example: This is with transparent background and dark mode enabled:
This is the actual background colour I want to see (might be hard to see on GitHub dark mode):
It's not intuitive to toggle canvas colour and theme separately. Is there some option that I'm missing or is this a feature request? I'm sorry, I spent quite some time looking, but I did not find what I needed. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 2 replies
-
|
@hrishikesh-k aren't you looking for this? |
Beta Was this translation helpful? Give feedback.
-
|
Yes, but I don't find a way to "link" that with the dark mode toggle for histoire. Why can't I just change the canvas background? Because that doesn't trigger the To summarise, my problem is, I've my CSS variables like: :root {
--some-var: value
}
.dark {
--some-var: dark-value
}This would work only when |
Beta Was this translation helpful? Give feedback.
-
|
You should be able to use the |
Beta Was this translation helpful? Give feedback.
-
|
Ahh, the plain old CSS trick. Sorry, I should have thought of this, guess I got too much carried away in finding out JavaScript-based ways to achieve this. |
Beta Was this translation helpful? Give feedback.
You should be able to use the
.htw-darkCSS class to apply some background yourself