Question

我是Material Design Lite的新手。我想使用自定义配色方案，尤其是原色和强调色。

我见过他们的theme builder tool，但只提供了一些颜色。

我该怎么做？如何在我的网站中使用自定义（主要和重音）颜色（未包含在主题构建工具中），使用Material Design Lite？

Answer 1

我认为没有开箱即用的方法来实现这一目标。

我想我们可能需要修改_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规则以生成所需的自定义主题。

Answer 2

到目前为止有一种方法可以执行此操作，请查看this question（包括答案中的修复程序）。

简而言之:(以下几行是从这个问题中解决的，但我没有亲自测试）

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

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

2 个答案: