New to Kendo UI for Angular? Start a free 30-day trial
Customizing Button
The following table lists the available variables for customization.
| Name | Type | Default value | Computed value |
|---|---|---|---|
| $kendo-button-bg | Color |
|
|
Description
The background of the button. | |||
| $kendo-button-text | Color |
|
|
Description
The text color of the button. | |||
| $kendo-button-border | Color |
|
|
Description
The border color of the button. | |||
| $kendo-button-gradient | List |
|
|
Description
The background gradient of the button. | |||
| $kendo-button-hover-bg | Color |
|
|
Description
The background of hovered buttons. | |||
| $kendo-button-hover-text | Color |
|
|
Description
The text color of hovered buttons. | |||
| $kendo-button-hover-border | Color |
|
|
Description
The border color of hovered buttons. | |||
| $kendo-button-hover-gradient | List |
|
|
Description
The background gradient of hovered buttons. | |||
| $kendo-button-focus-bg | Color |
|
|
Description
The background color of focus buttons. | |||
| $kendo-button-focus-text | Color |
|
|
Description
The text color of focus buttons. | |||
| $kendo-button-focus-border | Color |
|
|
Description
The border color of focus buttons. | |||
| $kendo-button-focus-gradient | List |
|
|
Description
The background gradient of focus buttons. | |||
| $kendo-button-active-bg | Color |
|
|
Description
The background color of pressed buttons. | |||
| $kendo-button-active-text | Color |
|
|
Description
The text color of pressed buttons. | |||
| $kendo-button-active-border | Color |
|
|
Description
The border color of pressed buttons. | |||
| $kendo-button-active-gradient | List |
|
|
Description
The background gradient of pressed buttons. | |||
