Background gradients #

Tailwind Nimiq includes a gradient palette that we use to create Nimiq Apps.

• bg-gradient-gold
• bg-gradient-honey
• bg-gradient-pumpkin
• bg-gradient-cherry
• bg-gradient-tomato
• bg-gradient-salmon
• bg-gradient-flamingo
• bg-gradient-pistachio
• bg-gradient-algae
• bg-gradient-keppel
• bg-gradient-sky
• bg-gradient-space
• bg-gradient-grape
• bg-gradient-soil

Changing the gradient #

These styles are based on Tailwind's gradient system where you can use the from- and to- prefixes to control the direction of the gradient.

For example, you can use any of the gradients from Nimiq, but you can change one of the colors to create a new gradient.

<div class="bg-gradient-space from-honey"></div>

Learn more #

You can learn more about Nimiq's Style Guide in the Nimiq Style Guide website.