I would like to use a Thembuilder Variable like --kendo-color-primary in my Blazor-Project to bind the colors in my own controls to my actual Themebuilder -css-File, but the asumed variable "--kendo-color-primary" does not even exists in the .css-File. How can I achieve my goal ?

 

When can I start exporting Figma variables into a Kendo theme?

I have read the documentation, but I'm feeling confused about how to implement an optimal approach for limiting color choices to red, green, and blue in my project. I am using the themebuilder to create a customized theme, and this themebuilder provides a single CSS file that I can apply in my project. Could you please guide me on how to switch between at least three different themes, each with distinct red, green, and blue color combinations? I'm finding it challenging to grasp this process despite having read the documentation."

 This type is used in a CSS file in the provided Kendo ThemeBuilder

When hovering over a row in a grid k-alt is being added and causing some weird spacing and padding issues that I can't figure out where it's being set.  This is happening in both ThemeBuilder as well as the export CSS we're trying to use for our app.  

Can you please let me know how we can set this in ThemeBuilder?

I am trying to build a theme for our application, and we have chosen to build upon the material theme.
When I try to customize the look & feel of a DataTimeInput control, I am not able to change the Outline variant of that control as I am able to do so with TextBox input or Button controls. 

My first thoughts was that most controls are basicaly input controls and the most generic of input controls is textbox. Changing the textbox's outline variant of the control, would also change the outline characteristics of the datatime or the dropdown control. But that is not happening. The result css does not include such changes. It seems that for other than textbox controls, the only available style to change is the flat fill mode. :(

Why is that? It seems to me that the Appearence options, of all controls, are important and should be available for customization. I cannot give a unified experience to the end user if some controls are customized to our liking and others not. Our UI/UX team choose Material theme and outline fill mode with medium rounding... they need to change the focus color of the drop down list control... and can only do so in the flat fill mode. Changing the textbox's outline, focus color does not change the outline focus color of the dropdown list or combobox outline.

Hello,

 

I am getting the following error while using Themebuilder.

Invalid value for `box-shadow` property. Mismatch syntax: none | <shadow># value: 0 4px 16px 0 rgba(0, 0, 0, 0.12)). Check the "box-shadow" property of your recently edited styles!

 

Because of this I am unable to export CSS.

PFA screenshot.

 

I bought the ThemeBuilder thinking I'd see something more than the current set of default options.

Any chance there's a community place where I can pick up ideas?  I'd love to find a find gallery of Telerik Themes.

 

Thoughts?

 

When editing the collapsed state, the border-radius section does not work, in the expanded section everything is fine. Both states have the same variable set. 
Additionally, there is no editing of the FOCUSED state for the header, which occurs in a similar component - PanelBar.

 

 

 

What's the guidance on how to theme a Locked/Frozen column for the Grid using theme builder?  Right now my team is resorting to an override CSS sheet and we'd love nothing but to integrate this in the generated SCSS.

We want to have a button radius set on normal buttons but the toolbar we want to remove the radius how would you go about doing that in Themebuilder?