Как перезаписать цвет темы @material только для одного компонента?

Question

$mdc-theme-secondary: #6b2574 уже определен в верхней части файла index.scss.

У меня есть компонент флажка материала, который по умолчанию использует $mdc-theme-secondary в качестве цвета фона. Я хочу изменить цвет флажка без изменения mdc-theme-secondary,

Я смотрел на материал документации.

mdc-checkbox-container-colors($unmarked-stroke-color, $unmarked-fill-color, $marked-stroke-color, $marked-fill-color, $generate-keyframes)

Он предоставляет этот миксин, но, попробовав разные вещи, я все еще не знаю, как его использовать. Я не смог найти ни одного примера.

Спасибо за любую помощь заранее.

Answer 1

@import "@material/checkbox/mdc-checkbox";
.mdc-checkbox {
  @include mdc-checkbox-container-colors($mdc-theme-secondary, $mdc-theme-on-secondary, 
  $mdc-theme-primary, $mdc-theme-on-primary);
}

Я понял, как использовать миксин... Я должен выбрать флажок.mdc.