How to change the color of the icons when user changes the themes “dark” or “Light” in angular 6 without using any angular material

Question

i have used svg icons set in my angular project using(scss). now i want to change the icons color when ever user changes the theme "dark" icons should be light and when theme become light icons should be dark.

These things should be in single scss file, and i don want to use any angular material and No dependency.

Answer 1

If the icons you are using are svgs you can use a ngClass binding to switch the color attribute.

If not, you can use two different icons with some *ngIf on your theme boolean.