scss材料设计中主题色彩的变化

Question

我安装了材料设计模块通过npm，但我想改变它与其他颜色和更好的颜色，不包括在材料设计色彩Pallete。

我在这里读到的在GitHub上怎么做。

但是它对我不起作用，当我试图改变颜色时，我会得到白色/黑色的外观。

我有我的主要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";