Изменить цвет выбранного MatCheckbox

Question

Мне нужно изменить цвет одного флажка Материал, когда он выбран.

Мне нужно инвертировать цвета, поэтому я уже изменил кадр:

mat-checkbox.inverted-checkbox .mat-checkbox-frame {
   border-color: white!important;
}

Но теперь янужно сделать фон выбранного флажка белым, а метку внутри синим.

Я пытаюсь с помощью:

 mat-checkbox.inverted-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-
    background {
      background-color: white!important;
    }

Но это не работает

это флажок

 <mat-checkbox class="inverted-checkbox"></mat-checkbox>

и здесь вы можете найти пример: https://stackblitz.com/edit/angular-focghc

Answer 1

Если вы войдете в фон .mat-checkbox-background, то увидите, что значок галочки является элементом пути и его цвет задается штрихом: #fafafa! Important;css property.