Color palette
Infinia is designed with a beautiful and harmonious Color palette. It's very easy to use them with clear classes.
For example: To use the primary background color, you just need to use the .bg-primary class. To use the primary color for text, use class: .text-primary. You can also use .text-500 for the neutral 500 text color
See details below:
Primary
.bg-primary
Primary Light
.bg-primary-light
Primary Soft
.bg-primary-soft
Primary Dark
.bg-primary-dark
Secondary
.bg-secondary
Success
.bg-success
Info
.bg-info
Warning
.bg-warning
Danger
.bg-danger
Muted
.bg-muted
Dark
.bg-dark
neutral-100
.bg-neutral-100
neutral-200
.bg-neutral-200
neutral-300
.bg-neutral-300
neutral-400
.bg-neutral-400
neutral-500
.bg-neutral-500
neutral-600
.bg-neutral-600
neutral-700
.bg-neutral-700
neutral-800
.bg-neutral-800
neutral-900
.bg-neutral-900