具体化CSS-如何将颜色修改与NPM模块分开？

我正在一个电子应用程序中使用

物化css

（0.100-2）的npm模块。在git中不跟踪Npm模块。我对SASS组件进行了更改，特别是以下文件：

node_modules/
+-- materialize-css/
    +-- sass/
        materialize.scss    <-- changes
        +-- components/
            ...
            _color.scss     <-- changes
            _variables.scss <-- changes
            _palette.css    <-- new file I added

node\u模块/
+--具体化css/
+--无礼/
materialize.scss您不应该直接更改
节点_模块
文件，而应该在项目根目录中定义另一个文件，例如：
app.scss

/
  ...
  node_modules/
  ...
  app.css
  package.json

如图所示：，您现在可以在
app.scss
文件中更改托盘：

// Import materialize-css
@import "~materialize-css/sass/materialize";

$primary-color: color("materialize-red", "lighten-2") !default;
$primary-color-light: false !default;
$primary-color-dark: false !default;
@if not $primary-color-light {
  $primary-color-light: lighten($primary-color, 15%);
}
@if not $primary-color-dark {
  $primary-color-dark: darken($primary-color, 15%);
}
$secondary-color: color("teal", "lighten-1") !default;
$success-color: color("green", "base") !default;
$error-color: color("red", "base") !default;

$link-color: color("light-blue", "darken-1") !default;

/*** More variables not shown here.. ***/

注意您需要添加一个
sass
编译器。
Yefferson Marín:谢谢您的帮助，但它似乎不起作用：-（根据您的回答，这里是我的定制要点：SASS编译工作正常，但最终我还是得到了官方的红色和绿色：-（感谢您的持续帮助！请参阅查看正确的方法。感谢Yefferson Marín！正如Gitter.im上所讨论的，我最终决定不使用npm模块，而是将SASS和CSS文件包含在我的代码库中，如下所述：再次感谢您的帮助和耐心！