angular - Angular with/Angular Material-对话框主题已损坏

您好，我在对话框组件中遇到了角度材质主题中断的问题，其中文本和其他组件的颜色没有按照它们应该的方式工作。
在app.component中，我有一个设置图标按钮来打开一个对话框main.settings.dialog，但是当它如下图所示打开时，颜色不适合黑色主题。
任何关于为什么这不是正常工作方式的见解都将非常感谢，因为我找不到解决方法。
Live example site
Link to full source code

最佳答案

由于主题位于样式类中，因此需要将其添加到全局覆盖容器中。
以下是如何在您的AppModule中：

import {OverlayContainer} from '@angular/cdk/overlay';

@NgModule({
      // ...
})
export class AppModule {
      constructor(overlayContainer: OverlayContainer) {
          overlayContainer.getContainerElement().classList.add('app-dark-theme');
      }
}

官方文档链接：https://material.angular.io/guide/theming#multiple-themes