theme String (default: "sass")

Specifies the chart theme to be used. The recomended value is sass.

Note: Since Q2 2024 release, the default value for the theme property is sass instead of default.

With versions prior to R1 2023 this can be either the respective LESS theme from the list below or "sass". When set to "sass" the chart will read the variables from the Sass-based themes.

The supported values prior to and including 2023.1.117 version are:

  • "sass"
  • "black"
  • "blueopal"
  • "bootstrap"
  • "default"
  • "fiori"
  • "flat"
  • "highcontrast"
  • "material"
  • "materialblack"
  • "metro"
  • "metroblack"
  • "moonlight"
  • "nova"
  • "office365"
  • "silver"
  • "uniform"

Example

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  theme: "black",
  series: [
    { data: [1, 2] }
  ]
});
</script>
In this article