Background

  1. Utilities
  2. Background
Gray Set

A set of gray background utilities classes.

.bg-gray-100
.bg-gray-200
.bg-gray-300
.bg-gray-400
.bg-gray-500
.bg-gray-600
.bg-gray-700
.bg-gray-800
.bg-gray-900
Class Reference Value
class="bg-gray-[value]" 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100
Solid Background Set

set of solid background utilities classes.

.bg-primary
.bg-secondary
.bg-success
.bg-warning
.bg-danger
.bg-info
.bg-purple
.bg-pink
.bg-teal
Class Reference Value
class="bg-[value]" primary | secondary | success | warning | danger | info | indigo | purple | pink | teal | orange
Transparent White Set

A set of overlay transparent white background utilities classes.

Class Reference Value
class="bg-white-[value]" 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9
Transparent Black Set

A set of overlay transparent black background utilities classes.

Class Reference Value
class="bg-black-[value]" 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9
Transparent Colors Set

A set of overlay transparent colors background utilities classes.

Class Reference Value
class="bg-[value]-transparent" light | dark | primary | secondary | success | info | warning | danger | pink | purple
Success !

Data Upload Successfully

Continue
Oops!

Something went wrong

Try again