时间戳

首页 > 解决方案 > Angular 材质深色主题

angular - Angular 材质深色主题

问题描述

为什么当我设置一个深色主题时，背景本身仍然是白色的？我需要自己安装css黑色背景吗？或者可以以某种方式解决这个问题？

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

标签： angularangular-material

解决方案

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

最后，如果您的应用程序的内容没有放在mat-sidenav-container元素内，您需要将该mat-app-background类添加到您的包装器元素（例如body）。这可确保将正确的主题背景应用于您的页面。-为您的 Angular Material 应用程序设置主题 > 使用预构建的主题

例如：

<body class="mat-app-background">
  <app-root>Loading...</app-root>
</body>
<!-- ... -->

推荐阅读