首先，我们需要引用我们要使用的样式。
<link rel="stylesheet" href="[file path]/kendo.common.min.css" /> <link rel="stylesheet" href="[file path]/kendo.[Theme].min.css" />
现在，大多数控件都使用[Theme]上述样式资源中提供的。
某些控件（如Chart，TreeMap，Diagram，StockChart，Sparkline，RadialGauge和LinearGauge）是使用JavaScript计算的布局呈现的，并且在初始化时需要一些额外的配置。
例如图表：
$("#chart").kendoChart({
theme: "blueOpal",
//...
});主题列表：
"black", "blueOpal", "bootstrap", "default", "flat", "highContrast", "material", "materialBlack", "metro", "metroBlack", "moonlight", "silver", "uniform", "fiori"(kendo ui pro), "nova"
要全局设置它们，您可以通过以下方式覆盖剑道：
//可热元素
var themable = ["Chart", "TreeMap", "Diagram", "StockChart", "Sparkline", "RadialGauge", "LinearGauge"];
//检查ifkendo.datavizis是否可用
if (kendo.dataviz) {
//为每个控件设置默认主题
for (var i = 0; i < themable.length; i++) {
var widget = kendo.dataviz.ui[themable[i]];
if (widget) {
widget.fn.options.theme = "blueOpal";
}
}
}