Colors & Backgrounds
Text colors, background colors, gradients, opacity, and focus-ring color utilities.
Text Colors
text-primary
text-secondary
text-success
text-danger
text-warning
text-info
text-muted
text-dark
Background Colors
primary
secondary
success
danger
warning
info
dark
light
Subtle Background Variants
primary
success
danger
warning
info
Gradients
gradient-primary
gradient-success
gradient-danger
gradient-info
Border Colors
primary
success
danger
warning
info
dark
CSS Reference
| Class | Description |
|---|---|
.lp-text-{primary|secondary|success|danger|warning|info|dark|light|muted|white|black} | Text color |
.lp-bg-{color} | Solid background |
.lp-bg-{color}-subtle | Subtle tinted background |
.lp-bg-gradient-{color} | Linear gradient background |
.lp-bg-gradient-to-{r|l|t|b} | Gradient direction |
.lp-border-{color} | Border color |
.lp-text-opacity-{0|25|50|75|100} | Text opacity |
.lp-focus-ring-{color} | Focus ring color |