角度/材质2中的暗主题不是黑暗的

mad*_*rse 3 angular-material2 angular

我正在使用angular/material2,我正试图让一个黑暗的主题.按照https://material.angular.io/guide/theming上的文档,我定义了我的自定义theme.scss如下:

$dark-primary: md-palette($md-pink, 700, 500, 900);
$dark-accent:  md-palette($md-blue-grey, A200, A100, A400);
$dark-warn:    md-palette($md-deep-orange);

$dark-theme: md-dark-theme($dark-primary, $dark-accent, $dark-warn);

@include angular-material-theme($dark-theme);
Run Code Online (Sandbox Code Playgroud)

主要,重音和警告颜色显示在我的自定义主题中,但我没有看到黑暗的主题(即黑色背景和前景颜色相应地更改).

在随文档提供示例中,我看到背景已经通过css类设置,但这不是我期望的行为; dark-theme在我看来,具有适当自动化水平的特定"类型"主题.

我错了吗 ?有人可以帮我澄清一下这个问题吗?

小智 8

从文档:

最后,如果您的应用内容未放置在mat-sidenav-container元素内,则需要将mat-app-background类添加到包装元素(例如正文).

因此,如果您不使用mat-sidenav-container组件,则需要将Angular Material 2背景类添加到HTML正文中,如:

<body class="mat-app-background">
Run Code Online (Sandbox Code Playgroud)

  • 如果你在身体上有这个课程并且它*仍然*不起作用..? (2认同)