Utilities
BACKGROUND 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 | light |
GRADIENT COLORS
Class | Value |
---|---|
class="bg-gradient-[value]" |
primary | success | danger | warning | info | dark | secondary | purple | cyan | pink | brown | light |
GRAY COLORS
Class | Value |
---|---|
class="bg-gray-[value]" |
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
BORDER COLORS
Class | Value |
---|---|
class="border-[value]" |
primary | success | danger | warning | info | dark | secondary | purple | cyan | pink | brown | light |
BORDER 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
TEXT HOVER COLORS
primary
success
danger
primary
info
dark
secondary
purple
cyan
pink
brown
light
title
sub-title
default
fade
fader
white