Angular- Material Design - customize SCSS varibales

[Krishna]

is there any option to dynamically change SCSS variables runtime? please suggest best method

[Yanmario]

Hi Krishna,

SCSS variables cannot be changed runtime as all the SCSS is completed to CSS so it is readable for the browser:

https://github.com/angular/angular/issues/48979

The Kendo Fluent Theme can do that runtime due to the use of CSS Variables, but the rest of the SCSS themes don't have that ability. As such this isn't specific to Kendo Themes, but rather how SCSS compiling works with Angular framework and browsers.

I hope this answers your question.

Regards,
Yanmario
Progress Telerik