Background utilities let you edit background colours of elements.
Background colour
By using classes ecl-u-bg-* you can set the background colour of an element.
Available colours are:
- all EC standard colors (main and status)
- all "surface" colors from color modes
- black and white
- transparent
Accessibility warning
When changing background colour, make sure to always keep a high enough contrast ratio (4.5:1 for normal text and 3:1 for large text).
There are several online tools to check the contrast, for instance Color Contrast Checker