I have an app where the user chooses 4 colors: 

1. Brand
2. Accent
3. Contrast
4. Accent Light

These get stored in the user record and I retrieve and cache that data when the user logs in. 

I've been looking for a way to theme the application globally with those styles. Such as h1 - h3 tags have a border-bottom: $brand; 

I've looked at and a couple of similar solutions, but they all follow the same concept of pre-defined themes. 

[Angular2: Update all color assignments in CSS dynamically](https://stackoverflow.com/questions/44707407/angular2-update-all-color-assignments-in-css-dynamically)

**How can I use the users colours globally throughout the application?**