Hi Team,

I encountered an issue while exporting a few selected components from the theme build. When I use them in my application, I’m seeing variable-related errors in the index file.

Please refer to the screenshot below:

In the screenshot, you can see that I have not exported the AppBar, Badge, and BottomNavigation components. However, their variables still appear in the index file.

I’m currently using:

kendo-theme-material": "^10.1.0"

Kindly look into this issue.

Thanks

We recently upgraded our theme builder to ultimate so we could migrate our theme builder project from R1 2023 to Q4 2024. After we did this there were some small changes we needed to fix but after that we followed all the normal installation procedures.

We are running angular 18 and have updated all kendo components to the latest versions.

After installing the new theme we also added/changed the way we imported the theme package following the documentation (using @use).

Most everything looks good but there is one large issue with several of our components and that is the kendo theme mixin  "k-color" is not working.

In several places there is no color or background color being set on the component(s). When i inspect the style i see     color: k-color(primary); is not working. dev tools states that the variable is wrong. i can only assume the mixin is not imported/being used.

Image of my description

I modified a theme this morning and after changing a property got the error: "There are errors in SASS and it cannot be compiled to CSS.". Changing the property back to what it was before did not resolve the problem. Clicking the Undo button over and over and over did not resolve it. 

I started over with a backup taken yesterday and started reapplying changes. When I clicked "Export All" I once again got the same error. There is no way to recover from it. 

I've had ThemeBuilder licensed for some time, but this is the first week I've tried to use it in our application. It seems to be total garbage. I can't see any why forward with us using a tool that's going to randomly produce unrecoverable errors. 

• Open a themebuilder project
• Click on the settings icon in the header bar on the right side
• Navigate to the colors section
• Try to navigate away from the color section

--> Create Variable Dropdown turns invalid and I can't navigate away from the section. Also there is no way to make it valid.

Steps to reproduce the bug

In Themebuilder:

1. enable Advanced edit and edit the Grid component.
2. Once there, in Grid Construction Elements, go to the GRID DEFAULT part.
3. In the top-right element tree area, go in <div> Grid ---> <table> Table.
4. Once there, set the Table > Border Collapse property to Separate
5. Finally try applying two different values for vertical and horizontal spacing in the Table > Border Spacing property. If necessary, apply a visible border to cells to better see the issue.
   

Expected behavior : The two different values should be persisted and applied.

Actual behavior : The behavior is strange and editing one value seem to overwrite the other.

Hello,

The MultiSelect and ComboBox Icons seem to have issues. First, in the MultiSelect, I'm not able to customize the icon within the IconButton. In the similar ComboBox, I can customize the icon, but the change is not reflected in the live view.

I would expect that all the clear "X" icons within the dropdown components would inherit from the base TextBox "Clear Icon" but they don't.

Regards,

Brian

Hello,

I'm trying to update our themebuilder project by exporting metada (v7.0) and then importing into a new v7.2 project, but it fails.

Greetings,

I would like to delete the custom font named Roboto_embedded from one of my ThemeBuilder projects (ID: ...580b) but I cannot do it.

I also noticed I cannot edit this specific custom font either.

I don't really know how this happened. Maybe that comes from the fact that at some point, I tried creating a CSS font stack in the $kendo-default-typography variable? I noticed the behavior of ThemeBuilder was strange when I tried to do that.

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!

The style for dialog actions is exported with the following selector 

.k-dialog-wrapper .k-window.k-dialog .k-window-actions.k-dialog-actions.k-actions.k-actions-stretched

This is not applied when I switch actions bar to a different layout than the default

<DialogActionsBar layout="start">
</DialogActionsBar>

.k-actions-stretched

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