how to dynamically change app.scss value in ember js

I have a situation where the api is providing me with a colour and the colour of some parts of the site should be based on the colour provided by the api, right now the value is hard coded in app.scss file, is there a way where i can dynamically change the value of it?

consider this case, i am on user route, and user model is providing me with a colour yellow, now how do i apply this colour to the body tag, the footer etc? and there are other addons whose colors needs to be changed, right now i have hard coded the color of the addon in app.scss

is there a way i can change the color of app.scss based on the color supplied by the api?