如何在 Rails 应用程序中更改默认物化主题颜色？答案

【问题标题】：How to change default materialize theme colour in rails application?如何在 Rails 应用程序中更改默认物化主题颜色？
【发布时间】：2016-09-30 07:10:09
【问题描述】：

我正在使用 rails 5.0.0.1、ruby 2.3.1 和 materialize-sass gem 在我的应用程序中添加 materialize css，默认情况下它设置为浅绿色。

如何更改整个应用程序的默认颜色？

【问题讨论】：

你检查过文档github.com/mkhairi/materialize-sass吗？
是的，文档提到我们可以像这样更改它 @import "materialize/components/color"; $primary-color: color("grey", "darken-3") !default;在 application.sass 文件中，但它不适合我
想发布一些代码吗？
问题解决了感谢大家回复我的问题，我会把解决方案放在下面。

标签： ruby-on-rails ruby materialize

【解决方案1】：

最后我通过在 application.css.sass 文件中添加这段代码解决了这个问题

@import "materialize/components/color";
$primary-color: color("grey", "darken-3") !default;
@import "materialize";

我们应该在导入颜色之后再导入materialize。谢谢，

【讨论】：

您是否尝试更改 docs 中所说的 secondary-color 与 $secondary-color: color("yellow") !default; 但我在我的Rails 5 应用程序，我需要添加第二个参数以使其正常工作，就像这样：$secondary-color: color("yellow", "lighten-1") !default;。你也有这个问题吗？

【解决方案2】：

对于稍后阅读本文的任何人（截至 2019 年），最新版本的 Materialize 会更改原色和次要颜色，如下所示：

// in application.scss
@import "materialize/components/color-variables";

$primary-color: #346BA7 !default;
$secondary-color: #346BA7 !default;

@import "materialize";

【讨论】：