With Sass there are possibility to define variable as !default and can override it before import the script

_tokens.scss

tb-custom-primary: #014d5b !default; //Is the value if not defined in final scss
tb-primary: tb-custom-primary;
-----------------------------------------------

index.scss
$tb-custom-color: #34b232; //Now I can define the final value for variable
@import '_tokens'
it would be useful to add it in ThemeBuilder UI. 

Currently, ThemeBuilder exposes templates for the states of the TabStrip items. However, the changes apply to all positions of the TabStrip. This is inconvenient if you want to apply changes only to one of its positions. Also, these items' states have specific styles coming with the keyword "!important", which the default templates do not override.

Consider exposing templates for these states based on the position of the TabStrip component.

Requested through t.1666111.

Consider providing a way for users to define color palettes. Such a feature is currently unavailable in ThemeBuilder.

 

Requested through t.1665887.

Currently, when we switch the color swatches, the changes apply to all variable modes. It would be beneficial if the change affected only the current mode. This would allow users to set different color swatches for the different variable modes and use them as starting points for implementing, for example, light/dark theme functionality.

Consider providing an option to customize the text content for various components (like "Button", "Notification", etc.) so that users can test various scenarios like having longer strings, multiline strings, and similar scenarios.

For example, a user should be able to easily change the template text so that he can test sub-element alignment

Current template


Desired template with customized text

As of now, customization is only possible through the browser developer's tooling.

 

 

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

Currently, the Calendar that is used in ThemeBuilder is considered "infinite", where we can change the months by scrolling. However, in Telerik UI for Blazor, the only calendar available is the "modern" one, which uses arrow buttons to change months. As a result, some of the styles we apply to the calendar templates in ThemeBuilder don't work with this calendar. Additionally, we are unable to style certain elements, like the arrow buttons, using ThemeBuilder.

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

Consider exposing templates for a "modern" Calendar component.

Hi there

I noticed that the timeline component isn't available in ThemeBuilder, and I wanted to share that we'd really love to be able to style it through the tool if possible.

Thanks so much for considering this!


Cheers,
Davy

Currently, the Checkbox component doesn't have an exposed template for modifying the pseudo-element ::before. If they decide to use font icons to style the icons for the checked and indeterminate states, they cannot achieve this through ThemeBuilder.

Requested through t.1663139.

Currently, there is no exposed template for the nested span of the Notification component. It becomes problematic if you have applied some styles (e.g., the color of the text) to the HTML element "span" and you want to override them through ThemeBuilder.

Consider exposing such component part.

Currently, the external CSS files come before the overrides generated through ThemeBuilder. Therefore, it becomes problematic to override these ThemeBuilder overrides with external styles.

Consider allowing the user to choose the order in which the external styles are applied —whether they should come before or after the ThemeBuilder overrides.

Requested through t.1662556.

In ThemeBuilder Q1 2024 there are Grid templates for styling alternate rows and selected rows. However, there is no template for styling selected alternate row.

Consider providing templates for each rendering option.

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

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:

$kendo-grid-header-padding-x
$kendo-grid-header-padding-y
$kendo-grid-padding-x
$kendo-grid-padding-y
$kendo-input-border
$kendo-input-hover-border

There is a template in the Constructive Elements canvas of components, such as Grid, MultiSelect, etc., for Filter List Item. Currently, ThemeBuilder does not have an exposed component part for modifying its search icon. It becomes problematic when we use font icons, especially a different font file for the icons, which requires changing the character code.

Consider exposing a component part to modify this icon.

Currently you can only use and customize the default 6 Chart series colors (Kendo Colors Series A, B,C,D,E and F) using ThemeBuilder. Any additional ones needs to be defined in the component code. This is not ideal if you want to manage all colors from ThemeBuilder.

The request to have either have the ability to add new Chart series colors in the ThemeBuilder which you can use with the chart or have more variables exposed at the beginning 25+

Currently, the Drawer components (such as Drawer and Drawer Mini) come with a right border that can't be modified through ThemeBuilder:

Consider exposing a template that allows to modify this border.

Add support for CSS transitions in the Property Editor in order to override the current animations from Kendo and add new ones. Those properties allow the definition of the transition between two states of an element.

How do you set separate padding for different size buttons? I want to make use of the small, medium, large sizes available in the toolkit, but in Themebuilder, it seems there is only one size button

Currently, there is no way to style the different states (e.g. hover) of the Grid's Column Menu items through ThemeBuilder.

Consider exposing templates for those states. 

Requested through t.1661051.