Angular Material 颜色不会使用自定义主题更改答案

【问题标题】：Angular Material colors don't change using custom themesAngular Material 颜色不会使用自定义主题更改
【发布时间】：2018-11-21 04:20:29
【问题描述】：

我想更改“warn”、“accent”和“primary”的颜色。但是，我只能用我的代码更改“primary”，而“warn”和“accent”不会更改。 p>

我的theme.scss：

@import '~@angular/material/theming';
@include mat-core();

$my-app-primary: mat-palette($mat-green);
$my-app-accent: mat-palette($mat-grey);
$my-app-warn: mat-palette($mat-cyan);

$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);

.alt-theme {
  @include angular-material-theme($my-app-theme);
}

我的progress-bar-determinate-example.html：

<mat-progress-bar class="alt-theme" mode="determinate" value="40" color="primary"></mat-progress-bar>

我的 angular-cli.json：

{
  "apps": [{
    "styles": [
      "styles.css",
      "theme.scss"
      ]
  }]
}

如果我设置 color="primary"，它会按照 theme.scss 中的预期变为绿色，但如果我将其更改为“警告”或“重音”，在我的情况下它不会变为青色和灰色。它将保持红色和黄色作为材质的默认设置。

我的范围是更改某个组件中的进度条颜色，而不是站点范围。

你能帮我弄清楚我做错了什么吗？

此代码的现场演示is here。

【问题讨论】：

您的代码在演示中运行良好。检查一次。
它没有，我改变了一些让它在全球范围内实现的东西，从而“让它工作”。在我的场景中它没有
ohkk，你能分享你的 angular-cli.json 吗？肯定有一些可疑的东西......
angular-cli.json 被添加到帖子中
stackoverflow.com/a/49665215/1931563 请按照这个答案并尽可能创建一个新应用程序，然后检查是否存在相同的错误。

标签： angular angular-material

【解决方案1】：

查看您的主题定义，它们几乎看起来是正确的。为了澄清和更好地安排您的代码，您应该定义与此类似的 HERE。

这应该有助于解决您的问题。

【讨论】：