Unable to switch theme back to "light"

Describe the bug I’m unable to switch the theme back to “light” after using the dark theme. The only resolution is the localstorage.clear() hack.

To Reproduce Steps to reproduce the behavior:

1. Clone the Storybook Design System project.
2. Go to SB config.js and import { themes } from '@storybook/theming';
3. Set options: { theme: themes.dark } to show the dark theme
4. Comment out above and refresh. It shows dark theme (but should go back to light). And when I set it manually to themes.light it does not refresh either.

Expected behavior When I do not set a theme it should reset the theme.

Screenshots Here’s a 📹video of this behavior.

System:

• OS: Mac OS
• Device: Macbook Pro 2018
• Browser: Chrome, safari
• Framework: React
• Version: 5.2.x

[ndelangen]

@Saifadin one recommendation I can give right now, is to not have the 2 storybooks share the same port.

I’ll implement #6806 (hopefully soon), which will remove the need to cache the theme in localStorage all-together.

[shilman]

Yowza!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.0.0-alpha.28 containing PR #9076 that references this issue. Upgrade today to try it out!

You can find this prerelease on the @next NPM tag.

Closing this issue. Please re-open if you think there’s still more to do.