Installation

To get the Sass-based Kendo UI themes for ASP.NET MVC, you can:

• Use the pre-built CSS files.
• Use the Kendo UI CDN.
• Use the NPM packages.

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 styles/default-main.css.

  <link rel="stylesheet" href="pathToLocalFile/styles/default-main.css" />
  

• Use the NPM package which contains a pre-built dist/all.css CSS 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/7.2.1/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 @progress/kendo-theme-default.
• Kendo UI Bootstrap v4 Theme—Available as @progress/kendo-theme-bootstrap.
• Kendo UI Material Theme—Available as @progress/kendo-theme-material.
• Kendo UI Classic Theme—Available as @progress/kendo-theme-classic.

To access the Progress NPM registry, you need an active 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 Professional.

Using the Build Process of the Application

This article is representing the approach of how to customize a Sass-based theme and consume the theme package.

See Also

• Sass themes overview
• Sass theme builder