How to dynamically change css values (like color in whole app) etc

Question

I have one question...

If you want conditional styling: you must use ng-class or ng-style construction.

But...

For example: I\'

Answer 1

You could write the CSS rule in JavaScript and add it to a stylesheet dynamically. A couple of good articles on how to do that are here and here.

var myColor = '#FF00FF';
var stylesheet = /* get stylesheet element */;
stylesheet.insertRule('.dynamic-color { background-color:"' + myColor +'";}',0);

Of course, in a pure Angular way, you would create a directive that wraps the DOM/stylesheet interaction.