Dynamic ThemeChanging using CSS Variables as in Material

[Nagarajan]

I have looked into the documentation and found that we can only precompile the SCSS files with required colors. And, I am not able to find a  way to importing single SCSS file and changing its color in runtime using CSS variables as in Material.

Telerik Recommended Way:https://www.telerik.com/kendo-angular-ui/components/styling/custom-themes/

Material Way: 

https://github.com/tomastrajan/angular-ngrx-material-starter

https://medium.com/grensesnittet/dynamic-themes-in-angular-material-b6dc0c88dfd7

 

I have tried it but I am not able to implement such using Telerik theme. So, please confirm me whether Telerik have the support for this or have any plan for this in future. 

[Nagarajan]

Any update on this?

Is this possible with current telerik theming capabilities?

[Svet]

Hi Nagarajan,

Indeed, currently there isn't a supported approach that allows to modify the Kendo SCSS themes at run time. Instead the desired theme customization should be achieved at compile time using the dedicated SCSS variables. Changing any of the applied application styles at run time can be achieved by adding some custom CSS dynamically when required.

Regards,
Svetlin
Progress Telerik