[Storybook 9] Dark mode in MealDrop example #31766
Replies: 1 comment 2 replies
-
|
I switched to the main branch, which uses Storybook 8, and it behaves differently. It only has the "Theme for components" button, which works identically to the Storybook 9 branch, i.e. it changes the theme for the components, but does not change the background of Storybook itself. Finally, I watched the Frontend Testing Stack video where @yannbf shows the light/dark mode in action. That's exactly what I am looking for. @yannbf may I know what branch of MealDrop did you do the demo with? |
Beta Was this translation helpful? Give feedback.
-
|
@nareshbhatia My name is Reuben, and I'm a Senior Solutions Engineer at Chromatic and Storybook. You can also use https://yannbraga.dev/blog/multi-theme-decorator, although it is very likely out-of-date. Please take a look at the resources I've provided and let me know if this is what you have in mind. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you so much, @ethriel3695. I will take a look and report back here. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Summary
I just built MealDrop example in Storybook 9 branch and wanted to clarify how dark mode is expected to work.
Is there a way to make Storybook behave just like the app? In other words, change the background color + component colors to light or dark mode – all using a single button? Why do we have two separate buttons for this? It makes toggling between the modes very confusing.
Additional information
No response
Create a reproduction
No response
Beta Was this translation helpful? Give feedback.
All reactions