在它的官方网站上：
使用 Sass 时，您可以非常快速地更改网站的配色方案。下面是一个非常小的示例，您可以通过 _variables.scss 中的 sass 进行更改。
但是，如何更改流星的 materialize:materialize (materializecss.com) 包的默认颜色？
问问题
6808 次
4 回答
3
最简单的做法是
使用meteor add fourseven:scss. 然后将来自http://materializecss.com/getting-started.html
的源 .scss 版本添加到应用程序的 /client 文件夹中，您可以在其中更改 ._variables.scss 中的变量。
Meteor 和fourseven:scss包会为你编译 scss 和 javascript。
希望这可以帮助！
于 2015-05-08T17:12:50.703 回答
1
流星的官方物化包不包含 SASS 源文件，因此您要么必须创建一个包来使用 SASS 文件，要么只需链接物化 ole 风格的方式。还有一个包，其中包含 SASS 源代码和有关如何覆盖颜色以及不覆盖颜色的说明。https://atmospherejs.com/grigio/materialize-sass。祝你好运！
于 2015-05-08T15:34:45.753 回答
1
在做了一些研究之后，我认为这已经在 github 上讨论过了。
可以通过1）添加流星scss版本来完成；2) 将其导入您的 scss 文件。
$ meteor add fourseven:scss
$ meteor add poetic:materialize-scss
$ meteor remove materialize:materialize # if you have materialize installed
您应该将此代码放在您的client/styles/app.scss 中：
@import ".meteor/local/build/programs/server/assets/packages/poetic_materialize-scss/bower_components/materialize/sass/components/_color.scss";
@import "client/styles/variables.scss";
@import ".meteor/local/build/programs/server/assets/packages/poetic_materialize-scss/bower_components/materialize/sass/materialize.scss";
客户端/样式/变量.scss
$primary-color-dark: #846C63;
$primary-color: #4CAF50;
$primary-color-light: #C8E6C9;
$primary-color-text: #FFFFFF;
$accent-color: #388E3C;
$primary-text-color: #212121;
$secondary-text-color: #727272;
$divider-color: #B6B6B6;
（显然是调色板的机会;-)）
来源：https ://github.com/poetic/meteor-materialize-sass/issues/1
于 2015-10-27T05:34:16.330 回答
1
我找到了编辑materialize:materialize包 SASS 变量的解决方法。
- 安装使用
meteor add materialize:materialize - 从以下位置下载 SASS 包文件
http://materializecss.com/bin/materialize-src-v0.97.7.zip - 仅将CSS 文件放在您的
/client文件夹中。见下图：
- 编辑目录中的任何样式
/component，您将看到这反映在您的视图中。
注意：您不必导入任何 javascript 文件。该
materialize:materialize包裹将为您处理。
于 2016-09-07T22:11:42.053 回答