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