Change the default colors of materializecss in Meteorjs

Question

It has an official website :

When using Sass, you can change the color scheme of your site very quickly. Below is a small example of what you can change through sass in _variables.scss.

But how can I change the default colors for materialization: materialize (materializecss.com) package for meteor?

Answer 1

https://github.com/fourseven/meteor-scss meteor add fourseven:scss.

.scss http://materializecss.com/getting-started.html / , ._variables.scss.

fourseven:scss scss javascript .

, !

Answer 2

SASS, SASS, ole. , SASS , , . https://atmospherejs.com/grigio/materialize-sass. !

Answer 3

, github.

: 1) scss; 2) scss.

$ meteor add fourseven:scss
$ meteor add poetic:materialize-scss
$ meteor remove materialize:materialize # if you have materialize installed

/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";

//variables.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;

(obvisouly ;-))

: https://github.com/poetic/meteor-materialize-sass/issues/1

Answer 4

SASS- materialize:materialize.

• meteor add materialize:materialize
• SASS http://materializecss.com/bin/materialize-src-v0.97.7.zip
• Place CSS files ONLY in the folder /client. See image below:

4. Edit any of the styles in the catalog /componentand you will see that this is reflected in your view.

Note: you do not need to import javascript files. The package materialize:materializewill handle this for you.