Перезаписать переменные CSS из Angular Material 15

Question

В новом Angular Material 15 есть некоторые «критические» изменения в отношении цветов и интервалов. Поэтому мне нужно перезаписать значения переменных CSS по умолчанию. я определяю в своемstyles.scss

      :root {
    --mdc-typography-button-letter-spacing: 'normal';
    --mdc-dialog-supporting-text-color: mat.get-color-from-palette($greyPalette, 900);
}

Пока первая переменнаяundefinedи поэтому определение берется, вторая переменная имеет значение, но не перезаписывается.

Итак, как правильно установить переменную?

Answer 1

Это сработало для меня:

      :root {
    --mdc-typography-button-letter-spacing: 'normal';
    --mdc-dialog-supporting-text-color: #{map-get($myPalette, 300)};
}