Theme/color switching

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 14 Jun 2021 13:01 by ADMIN

Chris

Created on: 07 Jun 2021 15:24

Category: UI for Blazor

Type: Feature Request

Theme/color switching

It would be nice to switch the color schemes used by the telerik Blazor components on-the-fly in an application (i.e. switch from light mode to dark mode). I realize you have a JS approach to this problem, however that requires maintaining multiple stylesheets and custom javascript, which we are trying to avoid in a Blazor project. I like the approach used by MudBlazor where basically all css colors are variables that can be easily switched at runtime without any javascript:

https://mudblazor.com/wasm/customization/theming/overview

1 comment

ADMIN

Joana

Posted on: 14 Jun 2021 13:01

Hi Chris,

Providing a theme that is based on css variables is definitely on our radar to provide flexible solution to our customers. It is still on early stage, but you could find some of the ideas in the link below:

https://github.com/telerik/kendo-themes/issues/798

https://feedback.telerik.com/themes/1432136-add-theme-based-on-css-variables

So, I am marking this FR as completed and you could track the progress in the above links.

In the meantime, indeed, we have the following suggestion to our customers for runtime change of themes that involves jsinterop:

https://docs.telerik.com/blazor-ui/knowledge-base/change-theme-runtime

In terms of other theme options, you might find useful our themebuilder used for any customization along with predefined the swatches.

https://themebuilder.telerik.com/blazor-ui

Regards,
Joana
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.