I would like to be able to set the style for the focus state for all the input controls in one place.

Currently I would need to select each control, go the advanced edit and set my style. If I then need to make a small change to that style I have to repeat the process for each individual component.

It would be useful if there was a selector on the title bar of each component group that allowed you to set a styles for all the components in the group for states such as hover, focus etc.

Add ability to style the table headers in Scheduler

Add support for all possible Kendo/Telerik Components variants and configurations in ThemeBuilder.

For example, this includes all possible variants for creating a Kendo Button: 

• size
• shape
• rounded
• fillMode
• themeColor

The above should also be supported for various Kendo/Telerik components like 

- DateInput (requested through t.1633591)

- DropDownList (requested through t.1633591)

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.

Hello,

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

Thanks

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

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

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

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!

Issue:

The text for the onlabel and offlabel is not shown because the ".k-switch-label-on, .k-switch-label-off" is showing "display: none" and other issues you'll see when testing.  Appears that the SASS Theme Builder doesn't take into consideration the OnLabel and OffLabel parameters.

SASS Theme CSS: line 12087-12096

.k-switch-label-on,
.k-switch-label-off {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    overflow: hidden;
}

Code:

<TelerikSwitch class="ml-2" @bind-Value="@isDark" Width="80px" OnLabel="Dark" OffLabel="Light" OnChange="ThemeHandler" />

 

I am using the Sass ThemeBuilder to regenerate stylesheets with the themes that we use on our site in order to get the latest version of the styles. One of those styles includes the color Blue Gray. I am able to select and download all other styles and colors except for when I select Blue Gray. When I select the color and click download I receive the a `500 - Internal Server Error`.

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

When you start theming using the Bootstrap as a base, change the pallet colours and click download the ThemeBuilder throws. 

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.

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.