在scss中更改Material Design Lite的主题颜色

Question

我通过npm安装了材质设计精简版模块，但是我想用其他颜色更改它，最好使用不包含在Material Design Color Pallete中的颜色。

我在这里阅读Here on GitHub how to do it。

但它对我不起作用，当我尝试改变颜色时，我会看到白色/黑色。

我有我的主要scss

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

我的_colors.scss包含：

$golden: #c6a259;
$brown: #240000;
$color-primary: #c6a259 !default;
$color-primary-dark: #c6a259 !default;
$color-accent: #240000 !default;
$color-primary-contrast: #240000 !default;
$color-accent-contrast: #240000 !default;

您可以在下面的图片中看到的差异（我更改颜色变量的值之前和之后）。

Answer 1

首先查看生成的CSS。

尝试删除!default。

并使用RGB颜色字符串："255, 0, 0"

例如，红色为原色。

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