BACKGROUND COLORS
Solid Colors
| Class | Value |
|---|---|
class="bg-[value]" |
primary | success | danger | warning | info | dark | secondary | purple | cyan | pink | brown | light |
Pale Colors
| Class | Value |
|---|---|
class="bg-pale-[value]" |
primary | success | danger | warning | info | dark | secondary | purple | cyan | pink | brown |
Gray Colors
| Class | Value |
|---|---|
class="bg-gray-[value]" |
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
BORDER COLORS
| Class | Value |
|---|---|
class="bg-[value]" |
primary | success | danger | warning | info | dark | secondary | purple | cyan | pink | brown | light |
TEXT COLORS
.text-primary
.text-success
.text-danger
.text-primary
.text-info
.text-dark
.text-secondary
.text-purple
.text-cyan
.text-pink
.text-brown
.text-light
.text-title
.text-sub-title
.text-default
.text-fade
.text-fader
.text-white
Hover Colors
Add Class text-hover-[color]
primary
success
danger
primary
info
dark
secondary
purple
cyan
pink
brown
light
title
sub-title
default
fade
fader
white