Theme does not change (is it cached)

[i-am-the-slime]

Describe the bug
I'm using some dark/light theme hook but the theme always stays whatever it started out as.
Expected behavior
Switch

[CarlosNZ]

So you have the theme prop change conditionally depending on the dark/light hook value?

Not sure why that wouldn't work, that's basically what the demo is doing when you switch themes.

What version of the component are you using, and can you share the relevant bit of your code?

[i-am-the-slime]

You're right, I'm sorry, I just tried again and it just worked. Sorry!!

[CarlosNZ]

You're right, I'm sorry, I just tried again and it just worked. Sorry!!

Nice, glad to hear :)

[i-am-the-slime]

Actually no, I just thought it worked, because I made the background in my themes transparent. I'll have another look at the demo.

[i-am-the-slime]

The demo is always light mode on my system. Weird.

I see what you mean I can pick it from the select and it works.

[CarlosNZ]

Yeah, the demo doesn't respond to system dark/light mode. But it could.

If you set theme={isDarkMode ? DarkTheme : LightTheme } it should switch accordingly (as long as isDarkMode is a React state value)

[i-am-the-slime]

This was a bug/problem with HeroUI's useTheme provider. I've made a theme that uses css variables to work around it.