Как изменить цвет значков, когда пользователь меняет темы «темные» или «светлые» в angular 6 без использования какого-либо углового материала

Question

Я использовал svg-иконки, установленные в моем угловом проекте с использованием (scss).Теперь я хочу изменить цвет значков, когда пользователь изменяет тему. «темные» значки должны быть светлыми, а когда тема становится светлой, значки должны быть темными.

Эти вещи должны быть в одном файле scss, и я не хочуиспользовать любой угловой материал и без зависимости.

Answer 1

Если вы используете значки svgs, вы можете использовать привязку ngClass для переключения атрибута color.

Если нет, вы можете использовать два разных значка с некоторыми * ngIf для вашей логической темы.