Angular material 如何将角度材质原色设置为自定义值?

Angular material 如何将角度材质原色设置为自定义值?,angular-material,Angular Material,我需要将自定义颜色设置为角度材质中的主颜色。阅读一些教学指南和类似的答案,我需要从预定义的颜色集合中选择颜色。我可以使用自定义值吗?您可以使用任何您想要的颜色,但必须在您自己的自定义“调色板”中定义,以便在主题中使用。请看下面的示例。然后,在创建主题时,您将使用调色板代替材质调色板,如$mat blue: $my-blue: ( 50: #e3f2fd, ... ) ... $primary: mat-palette($my-blue); ... $theme: mat-light-th

我需要将自定义颜色设置为角度材质中的主颜色。阅读一些教学指南和类似的答案,我需要从预定义的颜色集合中选择颜色。我可以使用自定义值吗?

您可以使用任何您想要的颜色,但必须在您自己的自定义“调色板”中定义,以便在主题中使用。请看下面的示例。然后,在创建主题时,您将使用调色板代替材质调色板,如
$mat blue

$my-blue: (
  50: #e3f2fd,
  ...
)
...
$primary: mat-palette($my-blue);
...
$theme: mat-light-theme($primary, $accent);

在web上搜索
角度材质调色板工具
或类似工具。有许多免费的在线工具可用于从基础颜色创建调色板。

我如何知道如何映射颜色?我应该用50100还是200?如果你不知道的话,你需要做一些研究。你应该定义它们:50-900,加上“A”和对比度。正如我所说的-找到一个在线工具,让生活更简单,或者简单地复制一个角材料的,并改变你的颜色值。请记住,调色板代表单一颜色的不同色调,加上用于在相应调色板颜色上显示文本的对比度颜色(因此对比度通常是白色、黑色或灰色,而不是彩色)。这就是问题所在,我想跳过整个调色板创建,但看起来我不能。谢谢你的回答。是的-没错-你需要自己的调色板,除非你想要的颜色已经在一个角材质调色板中。@G.Tranter谢谢,投票通过。我认为只要生成scss文件并在我们的项目中使用它就足够了,这是真的吗?