Вы, вероятно, включили свою тему в стили. css (или styles.s css). Поскольку диалог находится внутри глобального оверлейного контейнера, требуется дополнительный шаг для тех компонентов, на которые влияет селектор класса css темы.
Для этого вы можете добавить соответствующий класс в глобальный. оверлейный контейнер:
import {OverlayContainer} from '@angular/cdk/overlay';
@NgModule({
// ...
})
export class UnicornCandyAppModule {
constructor(overlayContainer: OverlayContainer) {
overlayContainer.getContainerElement().classList.add('unicorn-dark-theme');
}
}
Ссылка на официальную документацию: https://material.angular.io/guide/theming#multiple -themes