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
Starting with Kendo Themes v14.0.0, the Meridian theme is the recommended starting point for new Telerik and Kendo UI applications. Existing projects can continue using the Default theme and migrate to Meridian when it fits their roadmap.
Currently, you can choose between the following Telerik and Kendo UI themes:
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:
