如何更改 materializecss 中的默认颜色？

Question

我刚刚将 materializecss 添加到我的 ASP.NET MVC 项目中，但我似乎无法更改默认配色方案。 Referring to here，我需要将默认配色方案从绿色更改为蓝色。

我将其添加到我的“_project_variables.scss”文件中，但它不起作用：

$primary-color: color("materialize-blue", "lighten-2") !default;

还有没有在他们的网站上列出的其他步骤吗？我还需要做什么？

Answer 1

有几种方法可以做到这一点。

1) 直接编辑_variables.scss

更改第 37 和 41 行的主要颜色和次要颜色值（当前为蓝绿色和粉红色）。

2) 用 _custom-variables.scss

覆盖

在 materialize.scss 中，将 link 添加到您自己的自定义 scss 文件之前 _variables.scss:

// Variables;
@import "../custom-components/custom-variables";
@import "components/variables";