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.
(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