New to Kendo UI for Angular? Start a free 30-day trial
Customizing Component
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-component-bg | Color | k-get-theme-color( neutral, 0 ) | #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-text | Color | k-get-theme-color( neutral, 700 ) | #494949 |
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-border | Color | k-get-theme-color( neutral, 100 ) | #ededed |
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;`. |