Topic: change pre-defined colors

heimi premium asked 4 years ago

How can I change this pre-defined colors with my own #..... colors?

 <MDBBtn color="pink">Pink</MDBBtn>
  <MDBBtn color="purple">Purple</MDBBtn>
  <MDBBtn color="deep-purple">Deep-purple</MDBBtn>
  <MDBBtn color="indigo">Indigo</MDBBtn>
  <MDBBtn color="light-blue">Light blue</MDBBtn>
  <MDBBtn color="cyan">Cyan</MDBBtn>

Jakub Chmura staff answered 4 years ago

Hi @heimi

Button colors props make btn-colorProps class with !important. To overwrite this class with background !Important style you need to write your own CSS class with your own color and then use for example:

className=yourClass prop instead color='indigo.

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

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: 4.22.1
  • Device: Web
  • Browser: Chrom
  • OS: OSX
  • Provided sample code: No
  • Provided link: No