Customizing Color System

Variables

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-colors$_default-colors
Description
The global default Colors map.
$kendo-color-white#ffffff
Description
The color white.
Note: you cannot change this value.
$kendo-color-black#000000
Description
The color black.
Note: you cannot change this value.
$kendo-color-rgba-transparentrgba(0, 0, 0, 0)
Description
The color transparent.
Note: you cannot change this value.
$kendo-gradient-transparent-to-blackrgba(black, 0), black
Description
A gradient that goes from transparent to black.
Note: you cannot change this value.
$kendo-gradient-transparent-to-whitergba(white, 0), white
Description
A gradient that goes from transparent to white.
Note: you cannot change this value.
$kendo-gradient-black-to-transparentblack, rgba(black, 0)
Description
A gradient that goes from black to transparent.
Note: you cannot change this value.
$kendo-gradient-white-to-transparentwhite, rgba(white, 0)
Description
A gradient that goes from white to transparent.
Note: you cannot change this value.
$kendo-gradient-rainbow#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000
Description
A gradient that cycles through the colors of the rainbow.
Note: you cannot change this value.

In this article

Not finding the help you need?