Hello,
We have been creating custom variables for a color palette that our design system uses. However, we are unable to set any of the global properties (ie. text color) to one of the custom variables we have created. The list of variable options is limited to the "Theme Colors." We can set the color manually by setting the hex color it would be great if we could use our custom variables, especially if the list of global variables grows in the future.
Thank you for consideration of this feature!
Add a new smart code editor as a variant of the Property Grid with all visual properties. Do not replace the property grid with this editor. They can live next to each other in different tabs. The smart code editor should support all features of the property grid but with advanced functionalities.
1. Show all kendo styles attached to the selected layer in a text format
2. Marks which style is overridden by user styles
3. Users can add any CSS property, not just the one listed by the Proprty grid editors.
4. Intellisense for CSS properties, something like:
5. Intellisense for using sass/css variables – the editor can recognize the property name and list only corresponding tokens for example – background – shows color tokens, box-shadow – shows effect tokens. Something like:
As the subject suggests, I think the ability to support multiple swatches in a single project would be a fantastic addition to Themebuilder!
This change would allow a user to select a theme that'll encompass an app's light mode, and once finished, select a separate theme to repeat the process for dark.
As it currently stands, separate Themebuilder projects need to be created in order to separate light and dark themes.
Thank you in advance for your consideration!
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.
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
Currently, in ThemeBuilder, each uploaded font must have a unique font family name.
However, in some cases, we would like to add multiple font variants (files) via the same font family name (e.g., all named "Lato") and let the user control them through typography variables (from where users should be able to control the specific weight, type, etc.).
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"
}
Hello,
Would you please add a focused state to the tabs component in the ThemeBuilder.
Thanks
Add support for custom fonts and custom icon fonts in the ThemeBuilder Pro.
The functionality will include the upload of custom fonts. Users can use uploaded fonts as a font family for selected component parts.
If the font is an icon font after the upload in the ThemeBuilder the users will be able to choose which icon to use from this font via the Content editor in the Property grid.
I have a pro subscription for the new theme builder app and want to create a custom variable that is neither a color nor typography related but cannot find a way to do this.
My use case is that I want to create a variable that has a size (such as 5px) that I can then assign to the margin property of a number of components. I could then adjust this property and all the components would update at once (the same as changing the primary-color changes all components).
How would I acheive this?
Thanks
The Themebuilder is way too narrow for me to style the product we are building properly. As a designer, I would like to be able to style most properties using a tool like that. E.g. I cannot style the grid except 3-4 properties. The example grid has no hierarchy, and most grid functions are not there for me to see/style. I have worked with your competition Infragistics before, and they have a very flexible AppStylist that allows me to change all style properties. I would like you to build something like that! And, of course, be able to import current CSS and not start from scratch every time...
It's great to be able to change *colors* of your themes, but many times the worst thing about your themes is the amount of padding/line-height you've chosen. Please allow Theme Builder to customize that, OR at the very least give us an option like GMail used to do (don't know if they still do) where you can have "cozy", "comfortable", "small", "huge", etc. A great example of how odd too much padding can be is right here on this page. When typing this new suggestion, the drop-down box to choose a "category" has wasted height.
We need a way to load/save themes. The theme editor is honestly not very useful as it is. This surely can't be hard to allow a user to upload a file and use that as the basis for making changes. A one-off configuration is not how development works. There was one ticket similar to this that was marked as fixed but bookmarking and loading from a page is a poor and easy way out way to do this imho.