css - 在材料设计组件中如何计算原色的浅色和深色版本？

Question

我想知道我们需要在哪些 sass 变量中给出原色/次色的浅色和深色版本。它是否使用某些mixin由材料本身自动计算？如果是这样，有没有办法为明暗赋予我们自己的颜色？

我看不到提供主要和次要颜色的浅色和深色版本的特定变量。只有@mdc-theme-primary和@mdc-theme-secondary变量可用。

这里是 gitlab 的链接

Answer 1

这个问题似乎有了答案：Convert colorPrimary to colorPrimaryDark (how much darker)

官方 Material Color Tool 基于 JS 库chroma.js计算变暗/变亮颜色，使用该chroma.darken() / chroma.brighten()函数，其算法基于 CIELAB 颜色空间。