Background Colours

Background Colours

Contextual backgrounds

Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover.

primary
Who do you think you are, anyhow?

success
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

info
Maecenas sed diam eget risus varius blandit sit amet non magna.

warning
Etiam porta sem malesuada magna mollis euismod.

danger
Donec ullamcorper nulla non metus auctor fringilla.

Yellow backgrounds

Cream Gradient
Etiam porta sem malesuada magna mollis euismod.

Yellow
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Seashell
Who do you think you are, anyhow?

Floral white
Maecenas sed diam eget risus varius blandit sit amet non magna.

Light pumpkin
Etiam porta sem malesuada magna mollis euismod.

Light yellow
Donec ullamcorper nulla non metus auctor fringilla.

Neutral backgrounds

Pearl Gradient
Maecenas sed diam eget risus varius blandit sit amet non magna.

White Smoke
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Snow
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Lightgrey
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Silver
Who do you think you are, anyhow?

Grey
Etiam porta sem malesuada magna mollis euismod.

Seashell 3
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Mud
Maecenas sed diam eget risus varius blandit sit amet non magna.

Charcoal
Aby product that needs a manual to work is broken. - Elon Musk

Black
Who do you think you are, anyhow?

Blue backgrounds

Jetten
Donec ullamcorper nulla non metus auctor fringilla.

Navy
Donec ullamcorper nulla non metus auctor fringilla.

Alice Blue
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Light Blue
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Light Steel Blue
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

cornflower
Donec ullamcorper nulla non metus auctor fringilla.

Green backgrounds

Green
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Mint Green
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Honeydew
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Sage
What's that on the road, a head?

Red backgrounds

Burgundy Gradient
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Fire brick
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Lavender Blush
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Peachpuff
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.