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 Augue huic praemitto probo refoveo ymo.

.text-primary Abdo jumentum velit vulputate. Inhibeo jugis macto.

.text-info Acsi brevitas facilisi hendrerit natu neque scisco.

.text-success Commodo suscipere vulputate. Camur duis enim illum mos pagus premo probo.

.text-warning Huic in mos nimis os plaga venio.

.text-danger Bene fere huic modo nulla occuro sagaciter saluto veniam.

.text-white Haero jus meus minim quidem sed utinam.

.text-grey Blandit ex exerci minim oppeto vulpes.

.text-grey-dark Dolore duis gemino ille jus pecus.

.text-primary-faded Laoreet natu praesent tego turpis. Appellatio diam gravis hendrerit macto mauris pagus premo si singularis.

.text-primary-darkend Et iaceo illum nostrud praesent valetudo.


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 Ideo nunc singularis. Gemino iaceo incassum jumentum laoreet molior oppeto sino velit.

.bg-grey Aliquam conventio elit eu incassum iriure mauris odio probo qui.

.bg-grey-dark Gravis in metuo neo persto quibus ut.

.bg-primary Damnum iustum magna nobis typicus vel vulputate.

.bg-primary-faded Esse eu singularis. Aliquam consectetuer jumentum lobortis ludus nimis suscipere veniam.

.bg-primary-darkend Eum huic nimis zelus. Abdo huic premo ulciscor.

.bg-info Antehabeo camur sed. Melior populus turpis.

.bg-success Causa dignissim dolor dolus hendrerit quidem rusticus saluto utrum.

.bg-warning Distineo ex olim paulatim ut valde.

.bg-danger Aliquam eu nisl nobis pecus. Elit haero illum macto patria tation.

.bg-inverse Ea haero iriure letalis persto quae tamen ut.

.bg-shadow Abbas cogo lobortis nutus paulatim populus premo sino.


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 Comis dolore feugiat molior wisi. Distineo hendrerit iusto lucidus mauris nibh pecus typicus vulpes.
.border-primary Dolor eligo eu exputo jugis obruo scisco vereor.
.border-info At hos ut vel. Ad distineo lobortis melior plaga quia venio.
.border-success Causa nutus pala sed voco. Cogo consequat letalis nulla sagaciter sed tincidunt velit veniam vereor.
.border-warning Defui eligo iustum olim saepius validus.
.border-danger Lenis pagus te. Dignissim ex interdico laoreet luptatum quadrum sagaciter tego torqueo.
.border-grey Amet diam duis importunus meus obruo oppeto scisco verto.
.border-grey-dark Dolus premo turpis ut. Capto facilisis nostrud paratus praemitto.
.border-primary-faded At distineo duis exputo iusto secundum sudo te virtus vulpes.
.border-primary-darkend Haero jugis sit. Appellatio brevitas huic lucidus nostrud paratus pertineo.

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.