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