Настроить матовый флажок для внутреннего значка

Question

Значок по умолчанию для MatCheckbox Inderminate выглядит следующим образом:

Я хочу настроить его так:

Answer 1

Добавьте этот код к вашему styles.css:

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  border: 2px solid #757575;
  background: #68d0e5;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  padding: 30%;
}

Вот рабочий пример: https://angular -ve9hge-zjec5e.stackblitz.io