Colors

These are primary theme colors. They are used for all the elements including buttons, alerts, background, etc.

Primary
Secondary
Success
Error
Warning
Info

Background

Use the contexual class to have background with different shades. E.g. .bg-{primary|secondary|success|danger|info|warning}

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info

Each color has a translucent shade too. It adds a little transparency. E.g. .bg-soft-{primary|secondary|success|danger|info|warning}

.bg-soft-primary
.bg-soft-secondary
.bg-soft-success
.bg-soft-danger
.bg-soft-warning
.bg-soft-info

Text Colors

Even your text can have the contexual color. E.g. .text-{primary|secondary|success|danger|info|warning}

.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info