我正在和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);

主色、强调色和警告色显示为自定义主题中定义的颜色,但我看不到深色主题(即黑色背景和前景颜色相应更改)。
example provided和文档中,我看到背景是通过css类设置的,但这不是我所期望的行为;dark-theme在我看来是一种具有适当自动化级别的特定“类型”主题。
我错了吗?有人能帮我澄清这个问题吗?

最佳答案

从文档中:
最后,如果应用程序的内容没有放在mat sidenav容器元素中,则需要将mat app background类添加到包装器元素(例如body)。
因此,如果不使用mat sidenav容器组件,则需要将angular material 2背景类添加到html正文中,如下所示:

<body class="mat-app-background">

10-06 00:08