Dashboard
Applications
Pages
UI Elements
Shaira Diaz

Premium Member

Colors

Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too. Read the Official Bootstrap Documentation for a full list of instructions and other options.

Text Color

Colorize text with color utilities.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

<p class="text-primary">Seeing a spider...</p>
<p class="text-secondary">Seeing a spider...</p>
<p class="text-success">Seeing a spider...</p>
<p class="text-warning">Seeing a spider...</p>
<p class="text-danger">Seeing a spider...</p>
<p class="text-info">Seeing a spider...</p>
<p class="text-dark">Seeing a spider...</p>



Link Color

Colorize text links with color utilities.

Seeing a spider in my room isn’t scary. It’s scary when it disappears. Seeing a spider in my room isn’t scary. It’s scary when it disappears. Seeing a spider in my room isn’t scary. It’s scary when it disappears. Seeing a spider in my room isn’t scary. It’s scary when it disappears. Seeing a spider in my room isn’t scary. It’s scary when it disappears. Seeing a spider in my room isn’t scary. It’s scary when it disappears. Seeing a spider in my room isn’t scary. It’s scary when it disappears. 
<a href="#" class="link-primary">Seeing a spider...</a>
<a href="#" class="link-secondary">Seeing a spider...</a>
<a href="#" class="link-success">Seeing a spider...</a>
<a href="#" class="link-warning">Seeing a spider...</a>
<a href="#" class="link-danger">Seeing a spider...</a>
<a href="#" class="link-info">Seeing a spider...</a>
<a href="#" class="link-dark">Seeing a spider...</a>



Opacity

This allows for real-time color changes without compilation and dynamic alpha transparency changes.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

Seeing a spider in my room isn’t scary. It’s scary when it disappears.

<p class="text-primary">Seeing a spider...</p>
<p class="text-primary text-opacity-75">Seeing a spider...</p>
<p class="text-primary text-opacity-50">Seeing a spider...</p>
<p class="text-primary text-opacity-25">Seeing a spider...</p>



© 2023. Dashbyte. All Rights Reserved. Created by: Themepixels