如何使用Material Material for Web将Material.io生成的调色板应用于应用？

Question

我有一个调色板图像，该图像是由设计师使用material.io中的工具创建的。此调色板包含以下颜色的十六进制：

• 表面，浅色和深色（显示在调色板顶部）
• 主要（加上50、100、200等...，900的色调）
• 中学（带有色相）

图像还包括每个颜色样本的中点和极端处的黑白文本的对比度百分比。

从我看过的材料文档来看，自定义主题的方法似乎是通过在导入组件之前设置SCSS变量（例如$mdc-theme-surface，$mdc-theme-primary和$mdc-theme-secondary）来完成的，我试过了。但是，生成的原色和辅助色的色调与生成的调色板上的色调不匹配。要应用此主题，还需要设置哪些其他变量？