Add the ability to style combined state: e.g. selected:hover:active.

Currently, you can style these states separately.

Consider adding support for CSS breakpoing / media queries in ThemeBuilder.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries 

https://www.w3schools.com/howto/howto_css_media_query_breakpoints.asp 

This will enable users to create response design directly within the ThemeBuilder application.

Requested through t.1682156

Expose styling templates for the Wizard components available in the Kendo/Telerik suites

https://github.com/telerik/kendo-themes/tree/develop/tests/wizard 

https://demos.telerik.com/blazor-ui/wizard/overview 

https://www.telerik.com/kendo-react-ui/components/form/wizard 

Consider exposing a template for the ContextMenu component in ThemeBuilder.

https://docs.telerik.com/kendo-ui/controls/menu/contextmenu/overview 

https://docs.telerik.com/blazor-ui/components/contextmenu/overview

Requested through t.1658717

Consider making the generated CSS to contain CSS variables instead of compiled CSS. Currently, that is possible only when using direct variables like $kendo-spacing-1.

However, with the current state (Q1 2025), ThemeBuilder will produce compiled value in the CSS when the variables are non-direct (refer to the first screenshot). In the example below the $kendo-spacing-7 is costom added to the $kendo-button-padding-x and as a result, will be compiled as a value

or when the variable is custom-created (second screenshot).

In the example, below the kendo-spacing-7 is used directly and is generated as variable, but $m y-variable is compiled as a value.

Requested through t.1679417

Consider exposing a styling template for the PropertyGrid component

https://demos.telerik.com/kendo-ui/propertygrid/index

Add support for all possible Kendo/Telerik Components variants and configurations in ThemeBuilder.

For example, this includes all possible variants for creating a Kendo Button: 

• size
• shape
• rounded
• fillMode
• themeColor

The above should also be supported for various Kendo/Telerik components like 

- DateInput (requested through t.1633591)

- DropDownList (requested through t.1633591)

It would be helpful for the "< Back" button on the Advanced Edit workspace to take you back to the same scroll position on the Live Preview page (history management).  Currently, the back button takes you to the top of the page.  This would be helpful when editing several components at the same time.

Consider exposing a template that will allow styling the (Optional) text span from ThemeBuilder.

Currently, as a workaround users must explicitly set the styles through the following selectors:

.k-stepper .k-step-label-optional {
    color: red;
    background-color: yellow;
    font-size: 18px;
    font-style: normal;
}

Requested through t.1648985

Consider adding support to set a data URL with SVG when creating a color variable

For example, that would allow the usage of different SVGs when switching between color modes and using components like the Switch

Current state:

The above means that it is not possible to use differently colored SVGs when using multiple color modes.

Requested through t.1679372

Currently, in ThemeBuilder, the generated stypes for the Kendo/Telerik Grid component are for size "medium" (or "md").

However, in Kendo UI for JQuery and other Kendo/Telerik suites, the Grid size property supports other values like "small" and "large". 

https://docs.telerik.com/kendo-ui/controls/grid/appearance/sizing 

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/size

Consider providing ThemeBuilder templates to allow the generation of styles for other Grid sizes

Consider exposing a template or a component part for the DateTickerPcker > Time > Highlight part.

The styling option is similar to what ThemeBuilder currently has for the TimePicker template

requested through t.1676966

ThemeBuilder only allows limited control over a specific set of exposed variables. Although these variables are constantly analyzed and updated, some, such as $base-gradient, cannot be modified through ThemeBuilder and require manual adjustments.

Example of variable that is not currently exposed: $base-gradient

The feature request is to explore the possibility of exposing more variables or providing a UI for selecting Kendo variables, bearing in mind that some Kendo themes may have over 2,000 variables.

So far the following variables were requested explicitly:
1623384: $base-gradient
1630912:

Consider and research the options for automatically exporting and mapping styles from the Telerik UI Kits to the built-in Telerik/Kendo templates in ThemeBuilder.

Currently, when using Telerik UI Kit alongside the Figma plugin for ThemeBuilde, one can do one of the following:

- Export only the styles *& variables and then manually map the styles in ThemeBuilder

- Export and create custom components, which won't be connected to the Telerik/Kendo components and will have a custom HTML rendering.

Consider adding a functionality that will allow the bulk export of component variants in Figma while using the Figma plugin for ThemeBuilder.

For example, an option to export and create all variants of the Button in the Telerik UI kit

When exporting only selected components, it would be incredibly beneficial if ThemeBuilder could automatically generate separate override files specifically for those components. This approach would keep the codebase more modular, improve performance, and better serve applications relying only on certain Kendo components.

Requested through 1674517

With Kendo theme version 8.0.0 the some radius variables like $kendo-border-radius were removed and are no longer present.

Instead, there is now a new feature called kendo-border-radii that automates the creation of different border-radius variables (e.g. like $kendo-border-radius-sm aor $kendo-border-radius-lg)

More about the new variables in Kendo Themes 8.0.0 and above are available in the official documentation:
https://www.telerik.com/design-system/docs/themes/theme-material/theme-variables/#variables 

Consider exposing border-radius variables as they were present in older version but are not accessible in TB Q3 2024.

Currently, there are no templates for modifying the sort icons of the filter cells of the TreeList component. There is a template for the Filter Row, which refers to the Grid component. However, the part with the sort icon is not connected to the Grid, as modifying it there doesn't reflect the change in the TreeList.

Consider exposing a templates for these icons.

The Progress ThemeBuilder currently has the Fluent theme (by Microsoft), but only the light version is available.

As for the other themes (kendo, bootstrap, material) would it be possible to have the dark version too?

Thank you,
best regards

Roberto