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 logo image from admin in a database. These will be reflected when the Public Site opens.

As I am from an asp.net background, previously what I would do is on master page load, take values from the DB and write them into a .less file, and let java-script library take care of it. It's simple there.

But for my current situation, I am using sass, and I am not able find a way to write variables into a .scss file.

I just learn a new thing APP\_INITIALIZER from [here](https://theinfogrid.com/tech/developers/angular/app_initializer-in-angular/) ,but ultimately this post not showing how to write in the .scss file.

I am actually thinking this with my asp.net knowledge,but may be I am wrong ,or there are another way of implementation.

I want a simple solution ,what we do in asp.net I want to achieve this in same way. 

1. Take variable value from DB via api,when application loading for first time.
2. Write values in SASS variable file .
3. After that SASS will take care of this and we get result as expected .

Please give some suggestion or example ,to start with .

Thanks.