Using Tailwind dark variant with custom classes in v4

[moshiur01]

Does tailwind v4 allow the dark variant to work with custom classes?

Consider this simple working example:

<div class="bg-white dark:bg-black">
    Hello, world
</div>

The above will apply a black background to the element, but if try to use a custom class, then it won't:

custom css

.card-background {
    @apply bg-black;
}

How can i achieve this..?

<div class="bg-white dark:card-background">
    Hello, world
</div>

[wongjn]

Use @utility so that Tailwind "knows" about the class name and thus can apply variants to it:

@utility card-background {
    @apply bg-black;
}

[moshiur01]

thanks bro...it works 👌