angular - 如何基于 8 种颜色构建自定义材质主题

Question

我有设计师提供的这个调色板

如您所见，它包含 8 种颜色。

我查看了角度材料主题指南，但您可能只提供主要的强调色。

$my-theme: mat.define-light-theme((
 color: (
   primary: $my-primary,
   accent: $my-accent,
   warn: $my-warn,
 )
));

但是在我的情况下，我指定了更多颜色：

$primary-color-dark:   #00796B
$primary-color:        #009688
$primary-color-light:  #B2DFDB
$primary-color-text:   #FFFFFF
$accent-color:         #FF5722
$primary-text-color:   #212121
$secondary-text-color: #757575
$divider-color:        #BDBDBD

看来我可以跳过大部分。

$my-theme: mat.define-light-theme((
 color: (
   primary: $primary-color,
   accent: $accent-color,
   warn: $warn-color, //had to confirm this one
 )
));

但是，您将如何处理$primary-text-colorand $secondary-text-color？

有任何想法吗？