Kendo UI provides a set of approaches for installing a Sass theme.
To get the theme you need, use any of the following possibilities:
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/default-main.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.
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/7.2.0/default/default-main.css" />
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.