ТВН. Я не большой поклонник Angular Materials, потому что они находятся под более глубоким замком, чем самодельные компоненты. Конечно, есть способы переопределить эти стили, но я лично считаю, что это просто неприятный рабочий процесс.
Спонтанно, на мой взгляд, есть 3 возможности, которые могут достичь того, что вы хотите:
Создайте свой собственный стиль темы с помощью палитры Цвета темы, которую вы хотите, с помощью одного из следующих цветовых редакторов углового материала:
Создайте свой собственный компонент Badge! Это, на мой взгляд, будет лучшим выбором, потому что вы можете сохранить свой компонент настолько динамичным, насколько это необходимо. Например, реализовать и изменить цвета самодельного компонента намного проще, чем изменить компонент, предоставляемый angular -материалами.
Отключить инкапсуляцию вида и переопределить стиль класса значка в вашем s /CSS. Будьте осторожны с этим шагом, изменение цвета неинкапсулированных компонентов может в случае неправильного применения также изменить цвет других некапсулированных элементов, поскольку они больше не ограничены
Если ябыли бы на вашем месте, я бы создал свой собственный компонент для значков. Таким образом гораздо проще сделать его адаптируемым к пользовательским изменениям, таким как цвета и т. Д., И есть множество примеров того, как создать круг с простым CSS. Не забывайте также проверять устаревшие методы для поддержки старых браузеров.
Надеюсь, это поможет! (