如何在Angular中使用自定义主题调色板?

我想在整个应用程序中使用公司的品牌颜色。

我发现了这个问题:AngularJS 2-材质设计-设置调色板,我可以在其中构建一个自定义主题,但是基本上它只是使用预构建调色板的不同部分。我不想使用Material2的预定义颜色。我想要我独特和特别的品牌色彩。是否有一种比单独修改主题更好的方法(对吗?)_palette.scss

我需要为我的品牌调色板做一个混搭吗?如果是这样-有关如何正确执行操作的任何指南?不同颜色的阴影(标有数字:50、100、200,A100,A200 ...)的含义是什么?

关于这个领域的任何信息将不胜感激!