ThemeBuilder - Auto-generate the color palettes

Progress® ThemeBuilder Pro Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 02 Jul 2025 13:12 by ADMIN

Brett Parkhurst

Created on: 02 Jul 2025 12:49

Type: Feature Request

ThemeBuilder - Auto-generate the color palettes

This is an incredibly important feature for a tool like a "ThemeBuilder" to do. There are too many colors for someone to easily swap out, which makes the tool hard to manage for color. I know we can use another tool to create color palettes and then plug it in, but honestly this is one of the top things a ThemeBuilder should do.

It should make swapping color categories simple by allowing you to select the colors for primary, danger, warning, tertiary, info, etc. and then the tool generates a color palette within the color family automatically. Then, if the user does not like any of the colors automated, they could manually swap them out like they do today.

1 comment

ADMIN

Nick Iliev

Posted on: 02 Jul 2025 13:12

Hey Brett,

Thanks for submitting the feature request. The ThemeBuilder team will review the options for making this a built-in feature.

Meanwhile, as a possible workaround, you can manually generate the color palettes in the SCSS files using the built-in function called k-generate-color-variations.

For example:

k-generate-color-variations("primary", #ff6358, "default"))

// will generate the following colors

primary-subtle: #ffeceb;
primary-subtle-hover: #ffdedb;
primary-subtle-active: #ffc8c4;
primary: #ff6358;
primary-hover: #ea5a51;
primary-active: #d45349;
primary-emphasis: #ff9d97;
primary-on-subtle: #5c201c;
on-primary: #ffffff;
primary-on-surface: #ff6358;

More details on how to use the above function can be found here:

https://www.telerik.com/design-system/docs/themes/kendo-themes/default/customization/#color-sass-variables

Regards,
Nick Iliev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.