обновить вторичный или контрастный цвет в материале angular

Question

сильный текст

I ', с использованием angular материала шагового и в стиле. css синий в качестве основного цвета, но по умолчанию Я получаю серый цвет как вторичный или контрастный. Я не уверен, что хочу обновить его до # a49304 как мне его достичь

Answer 1

добавить следующее css:

$primaryColor: blue;
$secondaryColor: #a49304;

.mat-step-header .mat-step-icon { background-color: $secondaryColor; }
.mat-step-header .mat-step-icon-selected { background-color: $primaryColor; }

рабочий стек * здесь