css - Materialise:向调色板添加颜色？

Question

我正在处理一个框架实现的元素，想知道是否可以向颜色托盘添加颜色。我正在尝试通过以此为目标的物化变量样式表来实现自定义颜色。

$primary-color: color("materialize-red", "lighten-2") !default;
$primary-color-light: lighten($primary-color, 15%) !default;
$primary-color-dark: darken($primary-color, 15%) !default;
$secondary-color: color("teal", "lighten-1") !default;
$success-color: color("green", "base") !default;
$error-color: color("red", "base") !default;
$link-color: color("light-blue", "darken-1") !default;

我知道如何更改颜色并使用 materialize pallet 上的颜色，但是如果我需要使用客户提供的特殊颜色怎么办。我发现标记非常敏感，您不能简单地在其中添加颜色。

我在下面尝试过这种方法，但没有用(我在 _variables.scss 文件的第 59 行抛出错误。与“lighten”有关) https://github.com/ernestomancebo/materialize-custom-colors/blob/eb6d25f1712078d1348968fa7851e714668ef6c5/README.md

任何类型的帮助都将非常感谢

Answer 1

有点晚了，但是您之前已经导入了具体化颜色变量:

@import "materialize/components/color-variables";
$primary-color: color("materialize-red", "lighten-2") !default;

最好的，阿尔瓦罗。