Skip to content

Elements:Colours Utils

Useful colour classes for making text and blocks stand out or fade in.

Text Colours

White text has background colour so it can be seen.

.text-muted Aptent comis decet gravis luptatum saluto singularis tincidunt vero.

.text-primary Abdo caecus defui erat gravis similis velit ymo.

.text-info Lobortis nibh nisl patria ratis zelus.

.text-success Enim erat exerci macto odio quia sudo tego veniam.

.text-warning Ad appellatio euismod illum ludus neque utrum.

.text-danger Aliquam brevitas enim euismod interdico melior scisco.

.text-white Acsi amet appellatio feugiat luctus torqueo usitas vel.

.text-grey Abbas bene dignissim fere interdico iustum occuro qui refoveo.

.text-grey-dark Aliquip eligo enim eros nobis refero saepius saluto tego vereor.

.text-primary-faded Commodo jus neque nimis pagus plaga quadrum sagaciter singularis.

.text-primary-darkend Aliquip neque praesent scisco volutpat. Inhibeo os ulciscor vulputate.


Link Colours

White text has background colour so it can be seen.

.text-muted .text-primary .text-info .text-success .text-warning .text-danger .text-grey .text-grey-dark .text-primary-faded .text-primary-darkend

Background Colours

There are also a number of background colour classes which can be combined with the text colour classes above to provide contract.

.bg-faded Antehabeo augue caecus dolus ibidem molior nunc persto velit zelus.

.bg-grey Abico ad capto iaceo in letalis macto proprius tego torqueo.

.bg-grey-dark Cogo defui genitus nutus validus vicis.

.bg-primary Abdo hos occuro pertineo pneum probo qui quibus wisi.

.bg-primary-faded Amet blandit defui genitus nostrud pagus quia uxor validus vindico.

.bg-primary-darkend Acsi defui patria sagaciter torqueo. Suscipere tation venio.

.bg-info Aliquam aliquip eros inhibeo lobortis nutus praemitto secundum uxor.

.bg-success Ad cogo erat genitus iaceo ideo macto molior.

.bg-warning Eligo patria voco. Dolor euismod nobis.

.bg-danger Ad saepius tamen. Dolor ibidem iriure jugis pagus quae.

.bg-inverse Ad cogo dolus fere immitto ludus os pertineo.

.bg-shadow Dolor eum fere haero os saluto tamen tation valde virtus.


Border Colours

There are also a number of border colour classes which an elements bordered colour to be set.

You can set thicker borders using the border-w-(2-5) classes.

You can also remove borders using the border-0 and border-SIDE-0 classes.

.border-faded Exputo facilisi importunus minim uxor vicis.
.border-primary Brevitas damnum ideo lobortis luctus praesent sit torqueo valetudo ymo.
.border-info At imputo odio roto secundum. Aptent decet iaceo neque quidne vicis volutpat vulputate.
.border-success Conventio immitto typicus. Capto defui duis tum utrum velit.
.border-warning Augue dolore genitus inhibeo neo nobis refoveo typicus ulciscor.
.border-danger Antehabeo iaceo singularis. Abigo os turpis validus.
.border-grey Blandit conventio eu eum volutpat. Causa dolor valde.
.border-grey-dark Cui ea esse iusto minim nibh paratus pneum tamen.
.border-primary-faded Blandit iustum populus. Enim euismod inhibeo iusto nibh pertineo rusticus utinam uxor.
.border-primary-darkend Abbas antehabeo eros esca facilisi oppeto probo quibus sagaciter.

Awesome Features

99.9% Uptime / Free Upgrades / Fully Responsive / Bug Free
Theme Colours

Green Red Blue Purple Pink Orange Lime Blue-dark Red-dark Brown Cyan-dark Yellow Slate Olive Teal Green-bright

Cookies are NOT enabled so colour selection is not persistent.