Progress® Telerik® UI for Blazor Feedback Portal
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
0
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/.

Create an account Log In
View
Type
Status
Category