Topic: Correct way to override bootstrap variables

Vladislav Stoitsov free asked 3 years ago

Expected behavior To be able to change bootstrap variables

Actual behavior Not possible

Steps to reproduce Angular.json`

            "styles": [


    $primary: #86b519 !default;
$theme-colors: (
  "primary": #86b519,
  "lightblue": #0191ce,
  "iceblue": #e5f4fa,
  "grey": #757575,
  "header-darkblue": #326295,
  "header-lightblue": #63B0D7,
  "green": #86b519
$breadcrumb-bg: white;

Damian Gemza staff answered 3 years ago

Dear @Vladislav Stoitsov

Please take a look at the answer which I have added to this post. There's everything which you have to know about overwriting our variables.

Best Regards,


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.4
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: No