角材质深色主题

Question

为什么当我设置深色主题时背景本身仍保持白色？我需要自己安装CSS黑色背景吗？还是可以解决此问题？

"styles": [
  "node_modules/@angular/material/prebuilt-themes/purple-green.css",
  "src/styles.scss"
],

Answer 1

这是因为，如果您不使用guide for theming中所述的sidenav容器，则需要将mat-app-background类添加到文档的body元素中：

  

最后，如果您的应用程序内容未放置在mat-sidenav-container元素内，则需要将mat-app-background类添加到包装器元素（例如{{ 1}}）。这样可以确保将正确的主题背景应用于您的页面。 -Theming your Angular Material app > Using a prebuilt theme

例如：

body