# 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`