Argon CSS expertly-crafted default color palette
out-of-the-box that is a great starting point if you
dont have your own specific branding in mind.
You just need to add a class for the background-color
like bg-{color}-{shade} for example.
I have a class bg-rose-100 I have a class bg-rose-500 I have a class bg-cyan-400 I have a class bg-teal-700
You just need to add a class for color
as well text-{color}-{shade} for example.
I have a class bg-rose-100 and text-rose-500 I have a class bg-rose-500 and text-white I have a class bg-cyan-400 and text-pink-500 I have a class bg-teal-700 and text-teal-300
We also have the same patten for hover color classes
like bg-hover-{color}-{shade} and text-hover-{color}-{shade} for example.
I have a class bg-rose-100 and
bg-hover-purple-500 I have a class bg-rose-500 and bg-hover-rose-100 I have a class bg-cyan-400 and
text-hover-green-100 I have a class bg-teal-700 and
text-hover-emerald-100