Прозрачный фон в диалоге материала angular

Question

Я пытаюсь изменить цвет диалогового окна angular материала, используя css var (), но вместо нужного мне цвета фон становится прозрачным.

Css style:

.custom-dialog >  mat-dialog-container {
  background: var(--background);
}

Функция открытия диалога:

openDialogForCreateDirectory(): void {
    this.dialog.open(CreateDirectoryComponent, {
      width: '400px',
      panelClass: 'custom-dialog'
    });
  }

Answer 1

Чтобы изменить что-либо в пользовательском интерфейсе библиотеки материалов angular, необходимо добавить css в стилях. S css т.е. root level.

См. здесь