Text colours
Learn how to override the default text colours to help your content stand out.
colour
What do they look like?
List of text colours
| Colour |
Class |
Example |
| Pink |
clr-pink |
<div class="card clr-pink">Content</div>
|
| Pale pink |
clr-pale-pink |
<div class="card clr-pale-pink">Content</div>
|
| Dark pink |
clr-dark-pink |
<div class="card clr-dark-pink">Content</div>
|
| Orange |
clr-orange |
<div class="card clr-orange">Content</div>
|
| Yellow |
clr-yellow |
<div class="card clr-yellow">Content</div>
|
| Green |
clr-green |
<div class="card clr-green">Content</div>
|
| Blue |
clr-blue |
<div class="card clr-blue">Content</div>
|
| Purple |
clr-purple |
<div class="card clr-purple">Content</div>
|