Name	Type	Default value	Computed value
$kendo-border-radius	Number	`$border-radius`	`0.25rem`
Description Border radius for all components.
$base-bg	Color	`$gray-100`	`#f8f9fa`
Description The background of the components' chrome area.
$base-text	Color	`$body-text`	`#212529`
Description The text color of the components' chrome area.
$base-border	Color	`try-shade( $base-bg, 1 )`	`#e4e5e6`
Description The border color of the components' chrome area.
$base-gradient	Null	`null`	`null`
Description The gradient background of the components' chrome area.
$hovered-bg	Color	`$gray-200`	`#e9ecef`
Description The background of hovered items.
$hovered-text	Color	`$base-text`	`#212529`
Description The text color of hovered items.
$hovered-border	Color	`try-shade( $hovered-bg, 1 )`	`#d6d9dc`
Description The border color of hovered items.
$hovered-gradient	Null	`null`	`null`
Description The gradient background of hovered items.
$selected-bg	Color	`$primary`	`#0d6efd`
Description The background of selected items.
$selected-text	Color	`contrast-wcag( $selected-bg )`	`white`
Description The text color of selected items.
$selected-border	Color	`try-shade( $selected-bg, 1 )`	`#0c65e9`
Description The border color of selected items.
$selected-gradient	Null	`null`	`null`
Description The gradient background of selected items.

Customizing Common

Suggested Links