Dynamic styles in Angular 2?

Question

css

Good afternoon. The essence of the problem: you need to change the styles for the entire project (background, color of buttons, fonts, etc.), which are pulled from the database. How to add such styles to the component's metadata? Only dynamic component generation?

Answer 1

You can write a directive that will take an object with a style description as input, and at the output will set the style of the element to which it is attached.

Answer 2

In the body add a class that will set the styles for the entire page.

Answer 3

Horror what. I understand that your user interface can be customized? And the customization data - the colors of the buttons, etc. is put into the database on the server side?
This is actually the side of the front, to store customization data, use the local store, localforage to help. And untie nafik from remote storage in the database))