I'm trying to change color using Sass, but I have a problem.

I'm using the "node-sass" installed by wire. I put to convert with the following command

node-sass -w node_modules / mdbreact / dist / scss / mdb.scss node_modules / mdbreact / dist / scss / mdb.css

but when I put the following code in the custom_scss file to test if it is working

$ âmbar: (
"clarear-5": # 080808,
"clarear-4": # 080808,
"clarear-3": # 080808,
"clarear-2": # 080808,
"clarear-1": # 080808,
" base ": # 080808,
" escurecer-1 ": # 080808,
" escurecer-2 ": # 080808,
" escurecer-3 ": # 080808,
" escurecer-4 ": # 080808,
" acentuar-1 ": # 080808 ,
"accent-2": # 080808,
"accent-3": # 080808,
"accent-4": # 080808
);

the console where you are running the node-sass returns that has identified a change in the file, but is not changed in mdb.css.

However if I change the _colors.scss file directly and put the same code, the console will warn you that there have been changes and the mdb.css will change as expected.

because the changes in the _custom.scss file are not being passed to mdb.css?

the mdb file is this:

// mdb.scss

@charset "UTF-8";
// Bootstrap
@import "core/bootstrap/functions";
@import "core/bootstrap/variables";
// CORE
@import "core/mixins";
@import "core/colors";
@import "core/variables";
@import "core/global";
@import "core/helpers";
@import "core/typography";
@import "core/masks";
@import "core/waves";
// FREE
@import "free/animations-basic";
@import "free/animations-extended";
@import "free/buttons";
@import "free/cards";
@import "free/dropdowns";
@import "free/navbars";
@import "free/pagination";
@import "free/badges";
@import "free/modals";
@import "livre / carrosséis";
@import "free / forms";
@import "free / input-group";
@import "free / msc";
@import "free / footers";
@import "free / list-group";
@import "free / tables";
// Seus estilos personalizados
@import "custom";

Am I doing something wrong?