Question

我正在使用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在我看来是具有适当自动化水平的特定“类型”主题。

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

Answer 1

来自文档：

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

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

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

Answer 2

绝对是错的!!! 黑暗主题有效......但仅限于在 md - 选择器（如md-card）内部。设置正文背景颜色只能使用css。

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

2 个答案: