How to custom colors

Topic: How to custom colors

Pvt pro asked 2 years ago


I need to define my own primary/secondary/default colors (version MDB Pro 4.5.15).

I'v' followed instructions here : but I have no change in the index.html.

I used Prepros to process scss files.

I've defined colors in MDB-Pro > scss > _custom-variables.scss :

$my_primary:    #455a64 !default;
$my_secondary: #80d8ff !default;

And I've changed colors in MDB-Pro > scss > _custom-skin.scss :

$skins: () !default;
$skins: map-merge((
"test": (
"skin-primary-color": $my_primary,
"skin-navbar": $my_primary,
), $skins);

I don't understand what is the problem and its very important, I can't continue my developements.

Thanks in advance for your help!

Marta Szymanska staff pro premium answered 2 years ago


remove flag "!default" from your variables and try again to recompile your CSS code.



Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.5.10
  • Device: Desktop
  • Browser: Firefox
  • OS: windows
  • Provided sample code: Yes
  • Provided link: No