New to Kendo UI for Angular? Start a free 30-day trial

Customizing Component

Variables

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-component-bgColor$kendo-body-bg#ffffff
Description
Background color of a component.
Note: do not use this variable directly. Instead derive it as `$component-name-bg` e.g. `$kendo-grid-bg: $kendo-component-bg !default;`.
$kendo-component-textColor$kendo-body-text#212529
Description
Text color of a component.
Note: do not use this variable directly. Instead derive it as `$component-name-text` e.g. `$kendo-grid-text: $kendo-component-text !default;`.
$kendo-component-borderColorif( k-is-light( $kendo-component-bg ), $gray-300, $gray-700 )#dee2e6
Description
Border color of a component.
Note: do not use this variable directly. Instead derive it as `$component-name-border` e.g. `$kendo-grid-border: $kendo-component-border !default;`.

In this article

Not finding the help you need?