Kendo UI provides a set of approaches for installing a Sass theme.
To get the theme you need, use any of the following possibilities:
Using Pre-Built CSS
To get a complete theme by using its pre-built CSS files, apply either of the following approaches:
Use the CSS files that are shipped with the Kendo UI distribution. For example, the Default theme is distributed as
<link rel="stylesheet" href="pathToLocalFile/styles/kendo.default-main.min.css" />
Use the NPM package which contains a pre-built
dist/all.cssCSS file for the theme. For more information on how to obtain the NPM package, refer to the following section on using NPM packages.
Using the Kendo UI CDN
The Kendo UI Sass-based themes are hosted on the official Kendo UI CDN. You can include a theme in your project by specifying the theme name in the CDN URL.
The following example showcases how to include the Default theme from the CDN:
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-main.css" />
Using NPM Packages
The Kendo UI Sass-based themes are located on the Progress NPM registry:
Kendo UI Default Theme—Available as
Kendo UI Bootstrap v4 Theme—Available as
Kendo UI Material Theme—Available as
Kendo UI Classic Theme—Available as
To install a theme, use the
npm install command:
# Default theme npm install --save @progress/kendo-theme-default # Bootstrap theme npm install --save @progress/kendo-theme-bootstrap # Material theme npm install --save @progress/kendo-theme-material
To access the Progress NPM registry, active a Telerik account with an active commercial license. For more information on how to access the NPM registry, refer to the installation instructions for Kendo UI.