[v4] Dark mode?

[ev3rlost]

How to apply this PR in the new alpha to make use of dark mode?

[ParasSolanki]

In v4 for the dark mode with class="dark" selector you have to add following @variant css in your global tailwindcss file.

@variant dark (&:where(.dark, .dark *));

The cool thing is we can customize this easily and if we want dark mode on attribute for example [data-theme="dark"]

@variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));

Here's video where Adam explains this https://www.youtube.com/live/y4i_CXXWLoQ?si=XOexSQT1trFSQxZi&t=2028

[ev3rlost]

Didn't know the vid existed! Thanks a bunch ParasSolanki!