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:
- primary colours (blue, yellow, grey)
- black and white
- transparent
- the blue palette
- the yellow palette
- the grey palette
- the notification palette
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