Get Started

Introduction to Themes

The Telerik and Kendo UI themes are collections of visual styles like colors, fonts, spacing, sizes, and layout. At the core of these themes are widely available design systems like Material, Bootstrap, and the Telerik and Kendo UI Design System. When you apply a specific Telerik and Kendo UI theme to the UI components, you achieve a consistent look and feel in any application.

From a technical perspective, the Telerik and Kendo UI themes are Sass-based themes written in SCSS syntax. These themes are used across various Telerik and Kendo UI suites. Each production-ready theme is a single CSS file.

The kendo-themes monorepo contains the source code of the themes. The theming syntax is compatible with both node-sass and dart-sass.

A swatch is a color variant of a theme. All swatches of a given theme use the same fonts, sizes, and layouts. On the other hand, the text colors, background colors and border colors are different.

Available Themes

Currently, you can choose between the following Telerik and Kendo UI themes:

DefaultA theme that is based on the Telerik and Kendo UI Design System and suits most applications. BootstrapА theme that matches the metrics and styling of Bootstrap v5. MaterialA theme that follows the Material Design Guidelines. FluentA theme that implements the Microsoft Fluent UI look and feel. ClassicA theme based on the predecessor of the current Telerik and Kendo UI Design System.

Theme Development

The Telerik and Kendo UI themes have their own product roadmap and strategy. You can log bug reports and submit feature requests on the Telerik and Kendo UI Web Themes feedback portal:

Telerik & Kendo UI Web Themes Feedback PortalLog bug reports and submit feature requests