Как к теме мат-чип?

Question

Как настроить невыбранный <mat-chip>One fish</mat-chip> на белый фон и серую рамку?

Изменение основной и дополнительной цветовой палитры влияет только на выбранные микросхемы:

<mat-chip color="primary" selected>Primary fish</mat-chip>
<mat-chip color="accent" selected>Accent fish</mat-chip>

Я мог воздействовать только на невыбранные мат-фишки через CSS:

::ng-deep .mat-chip.mat-standard-chip {
  background: white;
  color: $charcoal;
  border: 1px solid #B7B8BB;
  border-radius: 16px;
  font-family: Roboto-Regular;
  margin-right: 8px;
  padding: 7px 16px;
  text-align: center;
  text-transform: lowercase;
  outline: none;
}

Есть ли лучший способ?

Answer 1

стиль ваших компонентов в корне CSS "styles.css". Не используйте :: ng-deep , потому что оно устарело !!!