-
Hi, I'm trying to use daisyUI colours in the Tailwind <div class="text-5xl font-extrabold ...">
<span class="bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
Hello world
</span>
</div> I want to use the daisyUI <div class="text-5xl font-extrabold ...">
<span class="bg-clip-text text-transparent bg-gradient-to-r from-text-primary-content to-text-secondary-content">
Hello world
</span>
</div> I can do it with CSS Variables: Thanks |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
Here's an example: https://play.tailwindcss.com/HPfZEywPIX <div class="text-5xl font-extrabold">
<span class="bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary">
Hello world
</span>
</div>
|
Beta Was this translation helpful? Give feedback.
Here's an example: https://play.tailwindcss.com/HPfZEywPIX
from-
utility class only takes the color name. Andprimary
is the purple (default theme) color.primary-content
is the white color for the content to be used on primary color.so you should be using
from-primary
instead offrom-text-primary-content
and
to-secondary
instead ofto-text-secondary-content