How to custom colors


Topic: How to custom colors

Pvt pro asked 2 years ago

Hi!

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

I'v' followed instructions here : https://mdbootstrap.com/education/bootstrap/custom-skin/ 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

Hi,

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

Best,

Marta


Please insert min. 20 characters.
Status

Answered

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