[Question]: does Panda only allow color themes/modes on the html tag?
#2285
Unanswered
caseybaggz
asked this question in
Q&A
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.
2 replies
-
|
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.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
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