Angular- Material Design - customize SCSS varibales

1 Answer 36 Views
Styling
Krishna
Top achievements
Rank 1
Krishna asked on 24 Apr 2024, 12:17 PM
is there any option to dynamically change SCSS variables runtime? please suggest best method

1 Answer, 1 is accepted

Sort by
0
Yanmario
Telerik team
answered on 29 Apr 2024, 06:08 AM

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

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Tags
Styling
Asked by
Krishna
Top achievements
Rank 1
Answers by
Yanmario
Telerik team
Share this question
or