在Angular Scss中创建Material主题颜色的自定义变体

Question

我对angular，材料IO，scss等不熟悉，但是创建了一个angular应用，数据在页面上飞来飞去。呀！

我有一个被打分的项目列表，这些项目是最好的，最好的少一个，最好的少两个，等等。因此，我想提供关于哪些是最好的视觉反馈；例如，适当更改背景颜色。

我不真的要使用（除非必要）以下任何一项：

1. 我自己的主题
2. 我自己的调色板
3. 固定颜色，例如“黄色”或“绿色”。

我要做，要使用主要，次要或主题中的调色板阴影 强调颜色。

这是我在src/styles.scss中使用固定颜色的代码。

@import '@angular/material/prebuilt-themes/pink-bluegrey.css';
@import '~@angular/material/theming';

$myPalette: mat-palette($mat-green);  // **What do I do here to use a theme color?**

$bestScore-0: mat-color($myPalette, 200);
$bestScore-1: mat-color($myPalette, 400);
// etc.

.bestScore-0 {
    background-color: $bestScore-0;
}

.bestScore-1 {
    background-color: $bestScore-1;
}
// etc.

是否有任何关于检索主题颜色的好的文档？似乎很明显，但是我还没有找到任何文档。

我将在全局主题中使用哪些访问主题的函数或全局变量，以从主题颜色开始并从那里开始？