The tinted background class will only color child elements, that already have a background color. To alter the background color of an element directly use the background color class. This can be combined with colored text and borders. See the form validation example. When applied to a whole container, like in the example below, everything will be tinted in a mono-colored way. To match all states (hover, disabled …), five color variables need to be set. Keep an eye on paint performance when working with tinted images.