Colors

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

Text color

Bootstrap default

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-body

.text-muted

.text-white

.text-black-50

.text-white-50

Dashcore color scheme

.color-1

.color-2

.color-3

.color-4

.color-5

.color-6

Background color

Easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities do not set color, so in some cases you’ll want to use .text-* utilities.

Bootstrap default

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white
.bg-transparent

Dashcore color scheme

.bg-1
.bg-2
.bg-3
.bg-4
.bg-5
.bg-6

Gradients

You can opt to use gradients background by adding .gradient to any element.

.gradient-12
.gradient-13
.gradient-14
.gradient-15
.gradient-16
.gradient-21
.gradient-23
.gradient-24
.gradient-25
.gradient-26
.gradient-31
.gradient-32
.gradient-34
.gradient-35
.gradient-36
.gradient-41
.gradient-42
.gradient-43
.gradient-45
.gradient-46
.gradient-51
.gradient-52
.gradient-53
.gradient-54
.gradient-56
.gradient-61
.gradient-62
.gradient-63
.gradient-64
.gradient-65

Alpha colors

Text color

.color-1

.alpha-1

.alpha-2

.alpha-3

.alpha-4

.alpha-5

.alpha-6

.alpha-7

.alpha-8

.alpha-9

.color-2

.alpha-1

.alpha-2

.alpha-3

.alpha-4

.alpha-5

.alpha-6

.alpha-7

.alpha-8

.alpha-9

.color-3

.alpha-1

.alpha-2

.alpha-3

.alpha-4

.alpha-5

.alpha-6

.alpha-7

.alpha-8

.alpha-9

.color-4

.alpha-1

.alpha-2

.alpha-3

.alpha-4

.alpha-5

.alpha-6

.alpha-7

.alpha-8

.alpha-9

.color-5

.alpha-1

.alpha-2

.alpha-3

.alpha-4

.alpha-5

.alpha-6

.alpha-7

.alpha-8

.alpha-9

.color-6

.alpha-1

.alpha-2

.alpha-3

.alpha-4

.alpha-5

.alpha-6

.alpha-7

.alpha-8

.alpha-9

Background color

.bg-1

.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9

.bg-2

.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9

.bg-3

.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9

.bg-4

.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9

.bg-5

.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9

.bg-6

.alpha-1
.alpha-2
.alpha-3
.alpha-4
.alpha-5
.alpha-6
.alpha-7
.alpha-8
.alpha-9
Scroll Up