The Telerik and Kendo UI Background Utilities enable you to change the background settings of an element.

Background Color

The Telerik and Kendo UI Background Color Utilities are CSS classes that enable you to control the color of an element's background.

Utility ClassCSS Property
.k-bg-inheritbackground-color: inherit;
.k-bg-transparentbackground-color: transparent;
.k-bg-blackbackground-color: black;
.k-bg-whitebackground-color: white;

Applying a Background Color

Use the k-bg-{color} utilities to apply a background color. Replace {color} with the desired color variable, for example, k-bg-primary, k-bg-secondary, or k-bg-warning.