0
私はnodejsプロジェクトを作成しました。ここでpackage.jsonmaterializecssの色のテーマを変更するには
{
"name": "materializecssdemo",
"version": "1.0.0",
"description": "Use of material design components",
"main": "index.js",
"scripts": {
"prestart": "node-sass ./scss/theme.scss ./css/materialize-theme.css",
"start": "lite-server",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "Sunil Kumar",
"license": "ISC",
"devDependencies": {
"lite-server": "^2.3.0"
},
"dependencies": {
"materialize-css": "^0.100.2",
"node-sass": "^4.7.2"
}
}
は、私はちょうどそのデフォルトの色から青に私のアプリの色を変更したいです。だから、theme.scssファイルを作成し、node-sassモジュールを使用してCSSファイルを生成しようとしました。ここに私のtheme.scss
$primary-color: color("blue", "lighten-2") !default;
@import "../node_modules/materialize-css/sass/materialize";
があるが、これは
{
"status": 1,
"file": "D:/SK/Study/MaterializeCSSDemo/node_modules/materialize-css/sass/components/_variables.scss",
"line": 39,
"column": 23,
"message": "argument `$color` of `lighten($color, $amount)` must be a color\n\nBacktrace:\n\tnode_modules/materialize-css/sass/components/_variables.scss:39, in function `lighten`\n\tnode_modules/materialize-css/sass/components/_variables.scss:39",
"formatted": "Error: argument `$color` of `lighten($color, $amount)` must be a color\n\n Backtrace:\n \tnode_modules/materialize-css/sass/components/_variables.scss:39, in function `lighten`\n \tnode_modules/materialize-css/sass/components/_variables.scss:39\n on line 39 of node_modules/materialize-css/sass/components/_variables.scss\n>> $primary-color-light: lighten($primary-color, 15%) !default;\n ----------------------^\n"
}
を示しているのテーマに変更を加えるための任意のシンプルでクリーンな方法は何ですか？ドキュメントページでは、_variables.scssファイルを直接変更していると言われています。