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.

• Open a themebuilder project
• Click on the settings icon in the header bar on the right side
• Navigate to the colors section
• Try to navigate away from the color section

--> Create Variable Dropdown turns invalid and I can't navigate away from the section. Also there is no way to make it valid.

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.

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.

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.

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.

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.

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.

I want to upload 2 variants of the same font (let's say Roboto with weight 300 and 500).

Then I want to configure the same font family for both of them.

This is currently not allowed (see attached screenshot).

I have to choose different names which results in an export like this:

@font-face {
  font-family: Roboto300;
  src: url('../fonts/roboto-v18-latin_latin-ext-300.woff') format('woff');
  font-style: normal;
  font-weight: 300;
  font-display: auto;
}

@font-face {
  font-family: Roboto500;
  src: url('../fonts/roboto-v18-latin_latin-ext-500.woff') format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: auto;
}

But what I want to achieve is this:

@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-v18-latin_latin-ext-300.woff') format('woff');
  font-style: normal;
  font-weight: 300;
  font-display: auto;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-v18-latin_latin-ext-500.woff') format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: auto;
}

My use case is that I want to set the font family only once and the just set different font-weight for individual components.

Also, we have migrated to Kendo / ThemeBuilder in our existing project which relies on fonts to be configured this way.

Hello,

I am noticing that there are several styles that we cannot access through ThemeBuilder such as adding transitions, custom icons, etc. We would like the ability to export the ThemeBuilder package, add custom styles, then import back into ThemeBuilder. Is this possible? If not, this would be a great feature.

Thanks!
Ian

Hello,

It would be great if Themebuilder had version control built into the tool so that our designers could view previous versions of the theme styles and revert back if necessary. Currently, we are planning on downloading the files and pushing to git, but this is very cumbersome.

Thanks for considering this!

Hello,

I'm able to customize the components of the webpage, like buttons, grids, etc., but not the entire webpage. Can you support to design an entire webpage using ThemeBuilder so that I can create a login page instead of creating login.css.

Currently, there are no means to style the clear button of the DropDownTree component.

Consider exposing a template for the clear button (similar to the "(span) Input" component part).

requested through t.1660254