[Question]: does Panda only allow color themes/modes on the html tag?
#2285
Replies: 1 comment 2 replies
-
|
Doing more testing found out this combination works, but would love if the above worked to keep the code cleaner: This does work: <html data-theme="inkyBlue" data-color-mode="dark">
...
<SomeChild data-theme="inkyBlue" data-color-mode="light">...</SomeChild> |
Beta Was this translation helpful? Give feedback.
-
|
I think I understand the logic stemming from the modes being Objects within the Theme property but definitely feel as though the first example should be possible? |
Beta Was this translation helpful? Give feedback.
-
|
using lightMode:
"[data-color-mode=light] &:not(:is([data-color-mode=dark], .dark)), &.light, .light &:not(:is([data-color-mode=dark], .dark))",
darkMode:
"[data-color-mode=dark] &:not([data-color-mode=light], .light), &.dark, .dark &:not(:is([data-color-mode=light], .light))",https://play.panda-css.com/LDCX0ZHezC this also uses |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Our preset uses the Multi-theme/mode example on the docs where we have the following conditions which I assumed would allow changing themes within nested children via:
However, this doesn't seem to be working, nor using
cx('light', css(...))? Is there an improvement we could make in our conditions to achieve this result in Panda?Thanks!
Beta Was this translation helpful? Give feedback.
All reactions