Get Started

Quickly apply harmonious and consistent styles to the components in your app with the Telerik and Kendo UI themes.

Introduction to Themes

The Telerik and Kendo UI themes are carefully crafted collections of visual attributes like colors, fonts, and spacing. 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. The kendo-themes monorepo is where you will find their source code. The theming syntax is compatible with both node-sass and dart-sass.

Available Themes

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

  • Default theme—A neutral styling that is based on the Telerik and Kendo UI design system and suits most applications.
  • Bootstrap theme—А theme that matches the Bootstrap 5 styling.
  • Material theme—A theme that follows the Material Design Guidelines
  • Fluent theme—A styling that implements the Microsoft Fluent design system.
  • Classic theme—A theme based on the predecessor of the current Telerik and Kendo UI design system.