Set sass variable value in Angular 7

Question

I have been working with angular for the last few weeks, and now I have a requirement to dynamically style a public site. The site admin set various color codes as well as a log

Answer 1

Since sass is a pre compiled css. we cannot dynamically change the theme without generating a seperate theme.css. This is where JSS comes to play. JSS is a javascript based style inject mechanism, where css are directly injected into the files you are using it.

react-angular-material uses it extensively, where we can pass color variables dynamically to change theme of the application.

for instance this guy has made it with angular.

Docs: jss-angular, jss

links: jss-with-angular