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)
| 归档时间: |
|
| 查看次数: |
3208 次 |
| 最近记录: |