如何在Material Design Lite中使用自定义颜色？

Question

我是Material Design Lite的新手。我想使用自定义颜色方案，特别是主色和强调色。

我已经看到了他们的主题生成器工具，但它只提供了几种颜色。

我该怎么做？我如何在我的网站中使用自定义（主要和强调）颜色（这些颜色不包括在他们的主题生成器工具中），而我的网站使用Material Design Lite？

- Shy

Answer 1

到目前为止，有一种方法可以做到这一点，请查看此问题（包括答案中的修复程序）。

简而言之：（以下行取自该问题并进行了修正，但我没有亲自测试）

scss:

@import 'colors';
@import '../../../node_modules/material-design-lite/src/material-design-lite'; `

_colors.scss:

$color-primary: "255, 0, 0";
$color-accent: "0, 0, 255";

Github reference

- Hibuki

Answer 2

我认为没有现成的方法来实现这一点。我猜我们可能需要调整 _color_definitions.scss 文件，其中预定义了主题选择器中选择的颜色，例如：

$palette-red:
"255,235,238"
"255,205,210"
"239,154,154"
"229,115,115"
"239,83,80"
"244,67,54"
"229,57,53"
"211,47,47"
"198,40,40"
"183,28,28"
"255,138,128"
"255,82,82"
"255,23,68"
"213,0,0";

或者您可以构建自己的Sass规则来生成所需的自定义主题。

- semuzaboi