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

Customizing Component

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$component-bgColor

map-get($theme, component-bg)

white

Description
Background color of a component.
Note: do not use this variable directly. Instead derive it as `$component-name-bg` e.g. `$grid-bg: $component-bg !default;`.
$component-textColor

map-get($theme, component-text)

rgba(0, 0, 0, 0.87)

Description
Text color of a component.
Note: do not use this variable directly. Instead derive it as `$component-name-text` e.g. `$grid-text: component-text !default;`.
$component-borderColor

map-get($theme, component-border)

rgba(0, 0, 0, 0.12)

Description
Border color of a component.
Note: do not use this variable directly. Instead derive it as `$component-name-border` e.g. `$grid-border: component-border !default;`.

In this article

Not finding the help you need?