Hey there, just a question:

Is there a recommended way, how I can use your Blazor components (especially the ThemeBuilder) with Tailwind?

I only want to define the colors once, but use them for Themes generated with a Theme Builder and for Tailwind.

Now, to reset a component to default, you need to click on each layer and look for where it was changed. It would be great to have a button to roll back all settings, for example, like in the screenshot.

Otherwise, it turns out that you spend a lot of time setting up the component, and then return the same amount of time back.

Thanks!

Add a Last Cell template for the Grid component similar to the First Cell template that we currently have exposed.

Requested through t.1626999

Consider the possibility of creating a gallery-like platform to showcase various ThemeBuilder demo projects.

The goal is to demonstrate the potential of creating different themes in ThemeBuilder and customizing various Kendo/Telerik components. The gallery should showcase different supported themes alongside multiple demo projects from the supported frameworks, such as JQuery, Angular, Vue, Blazor, and MVC, with Material, Bootstrap, Fluent, and Default themes.

Support in ThemeBuilder for using variable fonts (a font where a single file contains all weight variations).

https://fonts.google.com/knowledge/glossary/variable_fonts 

Example for variable font: https://fonts.google.com/specimen/Inter 

Requested through t.1627093

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.

Hello,

Do you have any documentation on how best to equate the Themebuilder styles with the Kendo's Figma design kit's styles?

I've changed the hex values and fonts for the Kendo default styles within my Themebuilder project but it is difficult to know which styles in your Figma community design kit to change the hex values, fonts, etc... for, seeing that there are many more/specific styles provided in the Figma kit file that don't match 1-to-1.

I'd like to know this in order to know if there is a best systematic approach to go about this to ensure my Themebuilder project and Figma kit match as close as possible with as little manual corrective work needed on my part afterward.

Thank you!

Best,
Claudia Tommasi

Hello,

There seems to be an automatic 25px margin on the <p> within the content element that we can't customize. Could you please remove this and allow this to be customized in the ThemeBuilder?

Thanks,

Brian

How would I add custom tokens e.g. different shadow settings in ThemeBuilder. 

This is the JSON for one such setting:

    "$gph-grey-100": {
      "value": "#8f8f8f",
      "type": "color"
    },
    "$gph-shadow": {
      "value": {
        "x": "3",
        "y": "04",
        "blur": "0",
        "spread": "0",
        "color": "{$gph-grey-100}",
        "type": "innerShadow"
      },
      "type": "boxShadow"
    }

Consider providing export options for fonts - for example the one requested below:

...

I would like to request the inclusion of a non-exportable option in the Font Manager. Specifically, I suggest adding an additional field that allows users to choose whether to include a particular font in the "_fonts.scss" file or not.

The purpose behind this request is to utilize these fonts within the ThemeBuilder Pro to observe the visual outcomes (including Typeface & Icon fonts). However, it I do not want to generate these fonts in the final zip since I already have fonts with the same names in my application. I solely require the font names to be present in the "_tokens.scss" file.

Themebuilder used to export non compiled css

Now it's only compiled, and it's not easily plug and play with my current npm bundler.

Please bring back option to export non-compiled css

Consider providing a configuration file that stores information about mapped variables (e.g. like Figma variables mapped to Kendo variables)

Example scenario:

1. Create a new Figma design based on UI Kit
2. Export it to ThemeBuilder
3. Map the 3rd party or figma-styles to the ThemeBuilder styles.
4. Save the mappings between them as some external config file 
5. When I create a new project based on my customized UI kit and I export it to ThemeBuilder
6. Instead of re-doing for a new project the mappings for a couple of hours again by hand, load up the mappings file which I saved from the previous project and the tools just connects the dots.

I am getting this error, but am not able to revert the changes nor does it say where exact the error is. Do I have to start all over again!?
In my opinion the whole ThemeBuilder is still in Beta.

I suggest to implement a protocol tool with which you can revert the last 10 changes made in to the theme!

Hi,

I would like to build a Sass theme using the Telerik Sass theme builder. My theme should look like the classic-silver.css theme (like provided at href="https://kendo.cdn.telerik.com/themes/6.2.0/classic/classic-silver.css) with a few minor changes.

• Is it possible to load the classic-silver.css theme into the Telerik Sass theme builder in order to then modify it?

If yes, please give me instructions how to do that.

Regards, Manu

Hello,

We are planning on setting many custom variables and would like more control over their ordering and naming.

• Enable sorting of custom variables
• Enable numbers in variable names

Thank you for your consideration!

We started using Kendo / ThemeBuilder in our existing project which is using this root font size:

html {
    font-size: 10px;
}

This obviously cause issues with Kendo themese and ThemeBuilder which expects this value to be 16px.

Is there a way to configure this in ThemeBuilder or could this be implemented in the future?

Alternative solution would be to switch to 16px in our project. Which means we would have to recompute all CSS values which are using rem units.