How do you set separate padding for different size buttons? I want to make use of the small, medium, large sizes available in the toolkit, but in Themebuilder, it seems there is only one size button

One story that appears missing from the FluentUI on ThemeBuilder appears to be Dark Mode for FluentUI.

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

Hello,

Would you please add a focused state to the tabs component in the ThemeBuilder.

Thanks

Hello. We'd like the pager to behave in such a manner so that when the user mouses over the selected button it stays the same color etc. instead of changing to the hover state. So if that means adding a Selected-Hover State to the Pager, that would be much appreciated.

Is there any thought on reintroducing the possibility to export a storybook instance from themebuilder pro as there was in Unite UX. Would be very nice to have a place to explore the KendoUI components with our own theme!

Hello,

Could you please add editable states to the PanelBar > Child Item Level 2, so that it can have a proper indent?

Thanks

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"
    }

We have multiple scss variable names with numbers in them. It would be nice if we could use the same variable names in the ThemeBuilder

Hi,

Currently, ThemeBuilder Pro is not supporting ASP.NET AJAX.

So, we would like the ability to create theme for ASP.NET AJAX.

Thanks,

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

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.

 

 

Hi,

Inside the exported zip from ThemeBuilder is a npm package, and I noticed that the package version is always set to 1.0.0.

Is there a way to edit and/or auto increment the package version so we can publish the exported themes to our internal npm repository?

 

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!

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!

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!

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...

The Theme Builder section of the website does not produce a CSS file that contains the styles for the new Skeleton component.

I would like to control the border-color from the list of parameters. 

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.