Currently, the ThemeBuilder application supports only major Kendo releases (like R1, R2, and R3) and the version of the theme that is interconnected with these release versions.
Consider the option to provide functionality to choose between newer versions of the Kendo themes that are released with service packs and patches. This way, the user will have the ability to test versions that contain theme fixes before the next major release.
For example, R2 2023 officially supports Kendo theme 6.4.0, and before R3 2023 is released the Kendo theme is already at version 6.7.0
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
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.
Q: Can one css file be produced for just the components selected in ThemeBuilder?
Ideally, we would like to have the option to produce only partial themes for specific components. This will allow to minimize the size of the output CSS/SASS files, which will allow us to lower the size of the end application.
Alternative ways to achieve similar results through manual application builds: https://docs.telerik.com/themebuilder/partial-theme-build
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.
Allow customisation of frozen and locked columns & cells in Grid for more comprehensive component styling.
Consider the option to expose predefined classes of HTML elements from the Kendo themes. This would allow atomic customization and mapping to other imported variables (like ones imported from Figma designs).
For example:
An option to style the H1 header from the Kendo theme, which has the .k-h1 class.
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.
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
Is it possible to see the css classes affected by advanced edit? For example, which k-drawer* classes (for example k-drawer, k-drawer-content, etc.) are affected by which components in the Advanced Edit for Drawer?
I know I can export a project and look at the css but I don't know, for example, how I would change the style for in the k-drawer-content class using ThemBuilder Pro.
Thank you,
Hello,
We want to create a custom Material theme for our ASP.NET Core web application. We are using the Sass Theme Builder but can only select predefined color swatches for the "Material" base theme. We would like to be able to set custom colors per "subject" just like you can with the "Default" and "Bootstrap" theme.
Is this possible or are you blocking this on purpose for some reason?
Thank you in advance.