Is it possible to use multiple themes with prefix classes? (ex: coffee:bg-red-500)

[ahmetbarut]

Hi, I'm new to tailwind css and I like it a lot. When I started using the dark mode, such a question came to my mind. Is it possible to use themes with multiple prefixes?

<div class="grid coffee:grid-cols-3 default:grid-cols-1 default:gap-2 coffee:gap-4 p-1">
    <div class="p-4 bg-blue-300"></div>
    <div class="p-4 bg-green-300"></div>
    <div class="p-4 bg-orange-300"></div>
</div>

Like This

[wongjn]

Yep! Use a Tailwind Plugin to add your own variants.