Customizing Charts

Variables

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-series-a	Color	`get-base-hue( purple, 500 )`	`#9c27b0`
Description The first base series color and its light and dark shades.
$kendo-series-b	Color	`get-base-hue( blue, 500 )`	`#2196f3`
Description The second base series color and its light and dark shades.
$kendo-series-c	Color	`get-base-hue( teal, 500 )`	`#009688`
Description The third base series color and its light and dark shades.
$kendo-series-d	Color	`get-base-hue( yellow, 500 )`	`#ffeb3b`
Description The fourth base series color and its light and dark shades.
$kendo-series-e	Color	`get-base-hue( red, 500 )`	`#f44336`
Description The fifth base series color and its light and dark shades.
$kendo-series-f	Color	`get-base-hue( green, 500 )`	`#4caf50`
Description The sixth base series color and its light and dark shades.
$kendo-series-1	Color	`$kendo-series-a`	`#9c27b0`
Description The series colors in order: base, light, dark, lighter, darker
$kendo-chart-major-lines	Color	`rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )`	`rgba(0, 0, 0, 0.08)`
Description The color of the Chart grid lines (major).
$kendo-chart-minor-lines	Color	`rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .04 )`	`rgba(0, 0, 0, 0.04)`
Description The color of the Chart grid lines (minor).