Переопределить angular стиль материала на CSS Переменные (пользовательские свойства)

Question

Я хотел бы отредактировать angular стиль материала с помощью моих css переменных, например:

::ng-deep .mat-dialog-container {
        background: var(--dialogBackgroundColor);
        color: var(--textColor);
        opacity: 1;
    }

И на следующем шаге я пытаюсь изменить мою переменную:

this.elementRef.nativeElement.style.setProperty(key, value);

но ничего не изменится. У вас есть идеи, как динамически менять цвет и т. Д. c. в angular материальные компоненты?