Colors

Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.

Color Palette

The main color palette for the dashboard theme. These colors are defined using CSS variables and are used throughout the application.

Primary

var(--primary-color)

Body BG

var(--body-bg)

Card BG

var(--card-bg)

Text

var(--text-color)

Bootstrap's default color utilities can be used for backgrounds and text. Here are some of the most common examples.

.bg-primary

.bg-success

.bg-danger

.bg-warning

.bg-info

.text-success

.text-danger

.text-warning

<div class="bg-primary text-white">...</div>
<p class="text-success">...</p>