Release Notes

    This document briefly describes the notable changes in the ThemeBuilder Web App.

    03/26/2025

    Bug Fixes Fixed

    • Values of metric variables cannot be changed using the same metric unit as the default one

    • Added missing icon input for non-editable icon

    • Added !default to the $ki-font-icon-url variable (when Font Icons are used)

    • The app crashes when modifying the Kendo Material Q1 2025 theme in Advanced Edit mode.

    • Automatic migration fails when migrating R3 2023 and Q1 2024 projects to the Q1 2025 theme.

    • Styles with typography variables are placed on top in the compiled CSS

    • The "Drawer Item - Mini" template is detached from the "Drawer - Mini" template

    02/12/2025

    Features New

    • Add support for Q1 2025 Kendo components

    • WCAG & Web Content Accessibility improvements in ThemeBuilder

    • Add functionality for overriding existing variables in ThemeBuilder during export from Figma

    • Improve client-server communication when using variable modes in the web app project settings

    • Add links to the figma plugin

    • Project backups are not deleted when migration fails

    • Implement "Give Feedback" functionality

    Bug Fixes Fixed

    • Re-synced Figma variable not properly updated after variable name change

    • Missing imports from index.sccs when using "Export Selected"

    • Automatic migration to Q4 2024 leads to broken effect variable references (web-app error only)

    • Generated styles for TileLayout > Tile Layout Item (div) have an additional .k-cursor-grab selector

    • ThemeBuilder Q4 2024 wrong order of the generated SCSS/CSS files

    • Generated CSS/SCSS for the MultiColumnComboBox contains obsolete .k-list-container.k-combobox-popup classes

    • Validation allows a space before the left parenthesis for gradients

    • Non-Kendo projects request swatches from server

    • ThemeBuilder swatch does not contain all default Kendo Theme styles

    • Changing the swatch applies the change to all modes

    • Applying effects variable to a TSO causes the styles to fail

    11/13/2024

    Features New

    • Add support for Telerik and Kendo UI components version Q4 2024

    • Add support for the text-transform property in typography variables

    • Add support for the new Dart-Sass-based Kendo themes

    • Add support for existing native HTML elements in custom components

    • Improve the partial export for Telerik & Kendo UI components

    • Allow users with Pro licence to modify variables in the Variable Modes view

    Bug Fixes Fixed

    • Cannot create Button configuration due to a failing validation

    • Fix the casing for the names of the component parts of Telerik & Kendo UI components

    • Fix collisions when setting properties

    • The link to the main component is missing in the Variables pane

    • Wrong position for in-place hints' tooltip

    • The 'Text > Advanced > Underline' option doesn't work

    • The Styles Editor shows metadata IDs instead of variable names

    • Renamed custom component parts are reverted when the HTML content of the custom component is saved

    • Cannot export from a restored version when Kendo UI is added

    • Cannot change the value of a background-image with data URL through the Styles Editor

    • When a variant is renamed, the styles applied to it are not reflected in the Live Preview

    • Pre-existing state colors for variants are not respected

    • An error is thrown when migrating projects to 2024 Q2

    • TileLayout CSS discrepancy with the source of truth

    • The "Return to linked component" tooltip is not hidden when the Settings panel is open

    • When a custom component contains a class that starts with a dash, the exported CSS is invalid

    • ThemeBuilder does not filter the no-longer-available Kendo variables correctly during an automatic migration

    • Discrepancy in the generated styles when changing swatches

    • Failing import of metadata from projects with version R3 2022

    • Project fails with a 'Cannot convert undefined or null to object' error during an export

    • Wrong UI for the global notification after a successful start of a trial

    08/07/2024

    Features New

    • Add custom components support

    • Add functionality for importing external CSS

    • Add support for creating projects with previous Telerik and Kendo UI component versions

    • Add grouping for the new color system variables

    • Show Kendo theme names in the ThemeBuilder project

    • Add tooltips for text-transform options

    • Add missing time parts in DateTimePicker popup template

    • Improve Grid's normal Row > Hover and Cell > Hover templates

    • Add missing component parts for DatePicker & DateRangePicker—k-popup

    • Add missing k-grid-aria-root component part for the Grid component

    Bug Fixes Fixed

    • The gap value does not accept metric varibles

    • Incorrect selector for hint component

    • Setting background-color on Button > Solid/Secondary sets hover globally instead just for the k-button-solid-base class

    • Selected styles are not applying when scrollable is set to none in the Kendo Grid

    • Wrong CSS hierarchy in Menu > Submenu template

    • Custom variable groups are not persisted after export/import metadata

    • Incorrect template for Menu components

    • ThemeBuilder generates incorrect styles for Grid Row Hover state template

    • Effect properties cannot be set to none in styles editor

    • The content table of the Grid is collapsed

    • Progress bar intermediate state does not validate if the background-color is deleted

    • Migration is failing for the 2023R3 project

    • Application crashes on component variant dill down

    • Default configuration affects all buttons

    • Setting properties for related components like DropDownButton and Button in specific order changes specificity

    • Double entry for Button in the Select Components Dialog

    • AIPrompt theme styles are not exported in partial export

    • Fix inconsistent styling behavior between Solid/Secondary and the other Button templates

    • Incorrect rendering for the icon of the Menu component

    05/15/2024

    Features New

    • Add support for Telerik and Kendo components version Q2 2024

    • Add styling support for all variants of the Button and TextBox components

    • Implement the new Kendo color system

    • Allow customization of prefixes for ThemeBuilder variables

    • Add an AIPrompt component with advanced editing in the ThemeBuilder

    • Use full theme import in ThemeBuilder exported styles

    Bug Fixes Fixed

    • The DropDownButton component part link to main component (Input) does not work

    • ThemeBuilder web application generates corrupted property selector

    • Default theme does not bind primary color correctly to all components

    • Editing metric variables when a metric mode is applied crashes the application

    • ThemeBuilder produces different zero-width space character in the compiled CSS

    • Styles set with !important in the Kendo theme are not overwritten by ThemeBuilder

    • Changed Kendo variable is not updated in all related components

    • Kendo variables are not applied for all components

    • Border spacing property values not applied

    • FloatingAction Button parts cannot be selected

    • Create project button is not centered vertically

    • Drag handle for components parts is very small

    04/01/2024

    Features New

    • Add Styles Code Editor

    • Enable the uploading of multiple font files for a single font-family

    • Add search in the modes settings screen

    Bug Fixes Fixed

    • Exported SCSS cannot be compiled when using font icons and no project binary file resolution

    • Remove .k-dialog-wrapper class from dialog template

    • After two consecutive variables exports from Figma to one and the same TB project, the project cannot be loaded anymore

    01/31/2024

    Features New

    • Allow users to export variables and modes from Figma

    • Expose Kendo theme variables per component

    • Create templates for generic HTML elements

    • Add support for version Q1 2024 of the Telerik and Kendo components

    • Implement name collision resolution during export of Figma styles

    • Add ability for styling the collapsed state of the whole Expansion Panel component

    Bug Fixes Fixed

    • CheckBoxLabel is wrapped inside k-checkbox-wrap element

    • Fonts with ThemeBuilder prefixes are displayed but not installed

    • DateRangePicker is not positioned in the clickable area

    • Fix the broken styling of the premium features dialog for trial users

    • Increase specificity for the Tooltip component

    • Editing a Kendo variable description after editing the value reverts to the original value

    • The TextBox component parts are missing the Button sub-component

    • Add elipsis to the pill for the active mode if the name is too long

    • Add Current template for the Stepper's Step part

    01/03/2024

    Features New

    • Add functionality for exporting the CSS and overrides for the selected components

    • Performance improvements: load only one frame after drill down action

    • Add option to style the Collapsed state of the whole ExpansionPanel component

    • Add Button sub-component parts in the TextBox component template

    • Enhance the email notifications by including the email address of the user who shares the project

    • Update the Readme file in the generated output to contain information about all technologies

    • Add Focus template for the ExpansionPanel Header

    Bug Fixes Fixed

    • Default effects for FAB cause the SCSS generation to fail

    • Filter Row styles in the Grid component template are rendered with an obsolete .k-clear-button-visible class

    • The pager template has the wrong drop-down in the template

    • The Stepper > Step part should have Current template

    • Material Theme uses wrong shadow values

    • ComboBox Clear icon is not available for customization in the Default state

    • MultiSelect Clear icon cannot be customized in ThemeBuilder

    11/16/2023

    Features New

    • Allow trial users to log and export styles and icons from Figma

    • Save all selected components from the Live Preview per user

    • Improve the Buy Now dialog by adding the reason for opening

    • Add descriptive message when users try uploading fonts above 3 MB

    Bug Fixes Fixed

    • ComboBox Clear icon is not available for customization in the Default State

    • MultiSelect Clear Icon cannot be customized in ThemeBuilder

    • Wrong @progress/kendo-font-icons reference in exported package

    • Setting typography token clears CSS props customizations

    • Using mixed effect variable in the Fluent theme project throws an error on export

    • Background Editor with linear-gradient set to initial throws error

    • Back button in the Onboarding Panel has the wrong hover state

    • Migrating the variants of the CheckBox component leads to wrong selectors

    • Automatic migrations fails for SplitButton changes

    10/11/2023

    Features New

    • Add support for Telerik and Kendo components R3 2023 version

    • Add advanced editing for Breadcrumb

    • Add advanced editing for TileLayout

    • Add advanced editing for Popover

    • Add advanced editing for Filter

    • Add advanced editing for Conversational UI

    • Add advanced editing for ScrollView

    • Add advanced editing for Skeleton

    • Add advanced editing for Form

    • Allow users to add negative values in metrics inputs

    • Add support for Kendo WebComponents font npm package for R3 2023 project versions

    Bug Fixes Fixed

    • Error when selecting the active state of the Solid Secondary Button

    • Effects are not applied when using variables in the Flat Button component

    • Font management cannot be accessed from the typography font-family editor

    09/15/2023

    Features New

    • Add functionality for styling SVG icons for R2 2023 project versions

    • Add support for Non-Scrollable grid in the ThemeBuilder

    Bug Fixes Fixed

    • Changing variable value doesn’t update the canvas

    • Floating action button templates loading attempt is made for older version projects

    • Updating the Cell styles doesn't affect the Row template in Grid

    • Add tooltip for templates that are present in a newer version of the components

    • Multi-select component hover state styles inheritance

    • Grid component grouping row close button hover state styles

    08/01/2023

    Features New

    • Add support for the Kendo Classic theme

    • Update the UI of the Create New Project screen

    Bug Fixes Fixed

    • Automatic migration UI can be shown when subscription requirements are not met

    • Opening the EDIT COLOR dialog for a solid color variable after opening the EDIT COLOR dialog for a gradient color blocks the displaying of the editor for the solid color variable (it appears partially).

    • Wrong additional class for the Calendar component's table

    • Changing a variable doesn't update the components canvas

    • Invalid values for max-width and max-height are allowed in the PROPERTIES editors

    • The EDIT dialog for a given variable doesn't open if another EDIT dialog is already shown

    • Remove an obsolete selector from the icons of the Pager component

    • Custom color variables cannot be used for effects in Fluent

    07/06/2023

    Features New

    • Allow free users to migrate Kendo variables between versions

    • Add advanced editing for FloatingActionButton

    • Add advanced editing for ColorGradient

    • Add advanced editing for FlatColorPicker

    • Add advanced editing for ColorPalette

    • Add advanced editing for ColorPicker

    • Add advanced editing for MultiSelectTree

    • Add advanced editing for MultiColumnComboBox

    • Add advanced editing for ExpansionPanel

    • Add advanced editing for ListBox

    • Add advanced editing for BottomNavigation

    Bug Fixes Fixed

    • Adding a new variables category collapses the last one

    • Exporting a lot of icons in the plugin throws an error

    • When a project is deleted from within the project, the app sends an obsolete request

    • Exporting an effects variable with a custom color twice causes the Sass not to compile

    • Importing metadata with TSO without CSS properties throws an exception

    • Fluent Theme Styles pane shows empty Colors category when filtered

    • Checkbox disabled state produces invalid classes

    06/06/2023

    Features New

    • Add support for R2 2023 of the Telerik and Kendo UI components (Kendo themes v 6.4.0) when creating new projects

    • Automatic updates to the latest version of the Kendo Themes and Kendo and Telerik components

    • Figma import for design tokens, such as colors, typography, and effects

    • Figma import for custom fonts generated from SVG icons in the design document

    • SSO login

    • Access rights for shared projects

    • Improve the UI for the variables pane

    • Add, Edit, and Delete custom variables groups

    • Save expanded/collapsed variables groups per user

    • Create smart linking between ThemeBuilder variables

    • Add the supported theme version number in the compiled CSS file

    • Implement new UI of the dashboard page design

    Bug Fixes Fixed

    • Remove .k-datepinput part from the DatePicker templates

    • Multiple import errors thrown during manual migration

    • Changing default effect tokens in CSS-based themes doesn't update the component styles

    • Extends are not applied on live components using ::state

    • MultiSelect popup items cannot be styled via Constructive Elements

    • Typography/Effect is not shown in the editor when set in inherited style

    • Undo-Redo actions cause duplication of previously edited variables

    • Effect variables with shadows which have a color variable for the shadow color break the project when duplicating

    • DropDownList select part cannot be edited in hover state

    • Variables are not supported in the Border Spacing editor

    • Duplicated arrows in property grid in Safari

    • Error notification appears on project not found page

    • Setting background to solid button changes the backgrounds of all buttons in the Fluent theme

    04/19/2023

    Features New

    • Add Effects variables in ThemeBuilder

    Bug Fixes Fixed

    • Customising input overrides customized date inputs and dropdowns

    • Series colors are not applied on charts in the Fluent theme

    • Undo-Redo actions cause duplication of previously edited variables

    • Splitter collapsed splitbar templates are wrong

    03/15/2023

    Features New

    • Add support for Kendo UI for jQuery components

    • Add support for Telerik UI for ASP.NET Core components

    • Add support for Telerik UI for ASP.NET MVC components

    • Add support for Telerik UI for PHP components

    • Add support for Telerik UI for JSP components

    • Add templates for all variants of dialog action buttons

    • Add support for login with SSO

    Bug Fixes Fixed

    • Import metadata containing theme style overrides without extends fails

    • TreeList editable row has component parts not visible in the tree

    • Selecting Calendar Table::After crashes the app

    • ProgressBar component cannot be drilled down

    • AutoComplete close icon is not editable

    • Link from DropDownTree Selected-Focused is wrong

    • TextGroup is closed in multiplayer

    • Non-variable changes to the border-radius are not persisted in the editor for the normal Badge

    • Logical CSS properties are not correctly displayed in the Property Grid

    • Changing variable name and clicking the description closes the popup and applies the update

    • Exported metadata for projects with a lot of changes cannot be imported

    02/09/2023

    Features New

    • Migrate styles between projects with a different version of Telerik and Kendo UI components

    • Style the input in Grid Edit Cell

    • Label with Kendo theme version information

    Bug Fixes Fixed

    • Unit input editor sets invalid value

    02/02/2023

    Features New

    • Add support for R1 2023 of Telerik and Kendo UI components (Kendo themes v 6.0.3) when user creates new project

    • Add TextBox component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    • Add ListView component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    • Add TreeList component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    • Add Upload component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    • Add External Drop Zone component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    • Add AppBar component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    • Add ProgressBar component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    • Add Loader component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    • Add GridLayout component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    • Add Editor component in advanced editing for projects created with R1 2023 version of Telerik and Kendo UI components

    Bug Fixes Fixed

    • Selecting Local Text Properties closes the editor

    • Add Child Item Level 2 as editable items in the PanelBar

    • Wrong DropDownTree disabled item template

    • Implicitly using custom fonts from the default-typography is not applied

    01/18/2022

    Features New

    • Support for custom fonts and font icons, enabling fully custom typography and easy customization of icons inside the components

    • Add a SELECT AN ICON dialog to the Content editor allowing to choose an icon from an uploaded font

    • Move the Icon property editor to the Text section and rename it to Content

    • Integrate the ThemeBuilder login with the telerik.com login form

    • Add a search box above the property grid to filter CSS properties

    • Add clip to overflow Editor

    • Update 'do not have permissions' screen

    • Add 404 page

    • Add focused state to the tabs items

    • Expose the $body-bg variable for the Fluent and Material themes

    Bug Fixes Fixed

    • Changes to the popup menu or popup container are not applied to the Pager' dropdown popup

    • Setting effects after resetting an editor doesn't work

    • Notification emails for shared projects are blocked because of DMARC rules

    • Box shadow with deleted input causes the export to fail

    • Longer invalid values overlap with the invalid value icon

    • Typography tokens are not exported correctly

    • Wrong styles are generated during export

    • unset, initial, and inherit options in kendo variables cause the project to break

    • Updating the body-bg variable crashes the application

    • Deleting metric variables crashes the app

    • Palettes and Typographies allow dragging arbitrary elements over them

    • The Badge component is not positioned well in Advanced Edit mode

    • Fix UI glitches for list items and select pop-ups

    • Dialogs in the Scheduler can be opened in Live Preview

    • The Effects editor closes unexpectedly

    • Fix wrong paddings for the Panel header

    • When the THEME STYLES pane is resized and users drill down and then return, the pane changes its size

    • Application crashes when project is deleted from the project page

    • Fix the gap between notifications

    • Resizing the LIVE PREVIEW panel throws an error

    • The Try Again function does not work after the user has been logged out

    • Temporary notifications override permanent ones

    • Outline advanced settings popup goes out of the page when scrolling

    • The Content editor doesn't update when an icon is changed

    • The Edit variable window doesn't close when clicking on THEME STYLES

    • Error is thrown on reset change

    • Duplicated padding on export

    • User cannot select disabled component parts

    • The onboarding hint for Advanced Edit is misaligned

    11/09/2022

    Features New

    • Add support for metric variables that consist of a number and a metric unit, for example 10px, 10em, or 10%—applicable to specific properties in the property grid

    Bug Fixes Fixed

    • Close opened dialogs for variables when new variable option is selected

    • Setting text color does not color the first button of a ButtonGroup

    • Empty selector generated when changing icon for DateTimePicker

    • DateRangePicker cannot style the :placeholder element

    • Date and Time inputs' Placeholder template does not lead to Live Preview where the Placeholder can be seen

    • Missing selector for focused, hovered, and active states

    • When a variable is used in the effects editor, it can be deleted by the user

    • Custom Variable Editor resets its position when the type is changed

    • Wrong templates in the Material theme Calendar

    • Panelbar items icons must not be editable

    • Cannot open constructive elements for SplitButton and navigate to them

    10/20/2022

    Features New

    • The new Fluent Theme is here. Now you can use the Fluent theme as a starting point and add your customizations on top of it. That is great for everyone with a style guide or design system based on the Fluent design.

    • Introduce per component drill-down URL for direct navigation to components states

    • Add support for numbers in the names of custom Sass variables

    • Improve tab navigation in Property Editors

    • Improve property editors advanced settings windows positioning

    • Unify the UI of windows and buttons in the application

    • Add JS import instructions in exported package README

    Bug Fixes Fixed

    • The status item icon in the toolbar does not work when the user changes variables

    • Previous project is opened after sign out and then sign in

    • ThemeBuilder reports multiple users when only one user is logged in

    • SVG background-image crashes the app

    • Color sample is not updated on referenced variables

    • Gradient color variable cannot be set as background

    • Gradient color variables are saved as solid

    • Invalid customizations are applied on untouched components in Angular

    • Property Grid editors are constantly re-rendered for no reason

    • Validation allows incomplete hex and RGB values

    • Add missing container element part in the menu items

    • When the filter string for the variables pane is deleted, the groups are collapsed

    • Cannot create gradient color variable that references already created one

    • Setting Layer Blur effect metric doesn't work

    • When using the enter key to add a new variable, it is added without name

    • When the input border color is changed in the Material theme, the export throws an error

    09/14/2022

    Features New

    • Add login with Telerik account functionality

    • Add functionality for creating, duplicating, and deleting projects

    • Add support for choosing to customize the Kendo Default, Bootstrap, or Material theme during project creation

    • Add functionality for sharing projects with teammates

    • Add Theme Styles pane which lists top level Kendo Theme variables for Color, Typography, and Border Radius

    • Add functionality for adding new variables

    • Add functionality for editing variables

    • Add functionality for loading predefined color swatches

    • Add functionality for importing variables from previous ThemeBuilder

    • Add undo and redo functionality for changes made in the Theme Styles pane

    • Add Advanced Edit canvas with zooming, panning, and scrolling

    • Add drill down functionality to drill down to component states

    • Add Components Parts pane which shows the component’s editable elements

    • Add Property Grid pane with styles editors

    • Add support for styling latest Kendo and Telerik React components (R3 2022)

    • Add support for styling latest Kendo and Telerik Angular components (R3 2022)

    • Add support for styling latest Kendo and Telerik Blazor components (R3 2022)

    • Add support for styling latest Kendo and Telerik Vue components (R3 2022)

    • Add Button component

    • Add ButtonGroup component

    • Add Chip component

    • Add ChipList component

    • Add DropDownButton component

    • Add SplitButton component

    • Add Toolbar component

    • Add Input component

    • Add NumericTextBox component

    • Add MaskedTextBox component

    • Add Checkbox component

    • Add RadioButton component

    • Add Switch component

    • Add Rating component

    • Add Slider component

    • Add TextArea component

    • Add Labels component

    • Add Hint component

    • Add Error component

    • Add DateInput component

    • Add Calendar component

    • Add DatePicker component

    • Add MultiViewCalendar component

    • Add DateRangePicker component

    • Add TimePicker component

    • Add DateTimePicker component

    • Add Autocomplete component

    • Add DropDownList component

    • Add ComboBox component

    • Add MultiSelect component

    • Add DropDownTree component

    • Add Menu component

    • Add Drawer component

    • Add Avatar component

    • Add Tabstrip component

    • Add Card component

    • Add PanelBar component

    • Add Window component

    • Add Dialog component

    • Add Pager component

    • Add Grid component

    • Add Scheduler component

    • Add Badge component

    • Add Tooltip component

    • Add Notification component

    • Add TreeView component

    • Add Stepper component

    • Add Splitter component

    • Add Floating Label component

    • Add Radio Group component

    • Add Export functionality for exporting the custom styles as an npm package

    • Add precompiled CSS with custom styles in the exported package

    • Add SCSS files with custom styles and variables in the exported package

    In this article
    Related articles
    Not finding the help you need?