materializecss의 색상 테마를 변경하는 방법

나는 nodejs 프로젝트를 만들었습니다. 여기 package.json 난 그냥 파란색으로 기본 색상에서 내 응용 프로그램의 색상을 변경하려면materializecss의 색상 테마를 변경하는 방법

{ 
    "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 파일을 직접 변경하는 것이 좋습니다.

출처

2017-12-26 Sunil Garg

는

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

인수가 함수에 전달이 색상과 번호해야보십시오. 문자열이 아닙니다.

그리고 scss에는 색상 기능이 없습니다. hsl 또는 rgb와 같은 다른 기능을 사용하여 색상을 만들 수 있습니다. scss 기능의 전체 목록 확인 here

출처

2017-12-26 13:53:28

materializecss의 색상 테마를 변경하는 방법

답변

관련 문제