Изменить Angular матовый цвет по умолчанию

Question

Я новичок в Angular и пытаюсь изменить цвета по умолчанию для матовой микросхемы, используя глобальный файл CSS, но по какой-то причине он не позволяет мне изменить цвет микросхемы по умолчанию и цвет текста внутри.

Homepage.component HTML

      <mat-chip-list>
        <mat-chip>Tag1</mat-chip>
      </mat-chip-list>

Global CSS

.mat-chip{
    background-color:mat-color($accent);
    color: mat-contrast($positive,50);
}

Вот как это выглядит внутри мат-карты

Answer 1

Вы можете использовать оператор !important, как показано ниже:

.mat-chip{
  background-color: mat-color($accent) !important;
  color: mat-contrast($positive,50) !important;
}