:: HexaBit :: UI Colors

Please wait...

###### Choose Theme

###### General Settings

- Report Panel Usag
- Email Redirect
- Notifications
- Auto Updates

###### Account Settings

- Offline
- Location Permission
- Notifications

###### Recent

- Ava Alexander Just now Lorem ipsum Veniam aliquip culpa laboris minim tempor
- Debra Stewart 38min ago Many desktop publishing packages and web page editors
- Susie Willis 2hr ago Contrary to belief, Lorem Ipsum is not simply random text
- Folisise Chosielie 2hr ago There are many of passages of available, but the majority
- Marshall Nichols 1day ago It is a long fact that a reader will be distracted

## Colors

Create New

## Colors

.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

## Contextual text Colors

classes also work well on anchors with the provided hover and focus states. Note that the `.text-white` and `.text-muted` class has no link styling.

Primary link

Secondary link

Success link

Danger link

Warning link

Info link

Light link

Dark link

Muted link

White link

## Background color

Similar to the contextual text color classes, 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.

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

## Background gradient color

.l-green
.l-pink
.l-turquoise
.l-khaki
.l-coral
.l-blue
.l-salmon
.l-seagreen
.l-amber
.l-blush
.l-parpl
.l-slategray