Backgrounds

Element backgrounds can be painted in a number of colors. Some are purely for visual effect, while others are meant to convey a meaning.

Single-colored Backgrounds

There is a set of predefined colors that you can pick from when styling your element. In addition to the default background, there are the company CI colors and four signal colors for status reports (confirm, info, etc.) to choose from.

Element with single-colored background
(Padding added for demonstrational purposes)
<div class="background">
    Standard background
</div>
Standard background

Colors

These are the colors you can use.

Plain Colors

Standard
background
White
background-white

Status Information

Confirmation
background-confirm
Information
background-info
Warning
background-warning
Error
background-error

CI Colors

Brand orange
background-brandorange
Brand blue
background-brandblue