When gradientFrom with light and dark value inside _after, it doesn't work about panda HOT 5 CLOSED

Oh...I see the issue now @tcdw

from panda.

hey, this is because this ordering of conditions generates invalid CSS (Panda mimics how CSS works, where selectors can't be used inside pseudo elements)
https://panda-css.com/docs/concepts/conditional-styles#before-and-after:~:text=in%20double%20quotes.-,Mixing%20with%20Conditions%3A%20When%20using%20condition%20and%20pseudo%20elements%2C%20prefer%20to,is%20because%20it%20generated%20an%20invalid%20CSS%20structure%20that%20looks%20like%3A,-%26%3A%3Abackdrop%20%7B

if you move the gradientFrom outside the _after it will work as expected
https://play.panda-css.com/HHpnRBRNH7/rkMH9bHuur

from panda.

After modification like this, it behaves exactly what I would want. Thanks!

from panda.

@tcdw works well in your reproduction

from panda.

Well, I am not sure if I explained clearly before, but here is what I want:

Light Mode	Dark Mode

In dark mode, I want the value of gradientFrom is shown as yellow.500, not blue.500.

from panda.