css - 在 Material 设计组件中如何计算原色的明暗版本？

Question

我想知道我们需要在哪些 sass 变量中给出主色/辅助色的浅色和深色版本。它是否使用一些mixin由 Material 自己自动计算？如果是这样，有没有办法给我们自己的明暗颜色？

我看不到用于提供原色和辅助色的浅色和深色版本的特定变量。只有@mdc-theme-primary和 @mdc-theme-secondary变量可用。

Here The link to gitlab

Answer 1

这个问题似乎有答案:Convert colorPrimary to colorPrimaryDark (how much darker)
官方 Material Color Tool 根据 JS 库计算变暗/变亮的颜色 chroma.js ，使用 chroma.darken() / chroma.brighten()函数，其算法基于 CIELAB 颜色空间。