Topic: How to set btn-secondly with colored text globally?

Lawman priority asked 1 year ago

I tried to make a button in style like on web-site (btn-secondary). Where was used light-blue background and dark blue text. I tried to set this globally in theme style. But there only two-three global colors.

How to setup btn-secondary with dark my secondary color(not white or black color) globally?

I want to type 'btn btn-secondary' and to get orange background btn with dark orange text...

And give me please an example how to set a theme correctly?

Our theme tools will automatically use color contrast function to apply black or white text to the buttons (depending on the background color). We are currently working on some improvements for our theming tools but the new version is not ready yet.

If you need to create a custom background and color for secondary buttons, you could just override the btn-secondary styles in your styles.scss file (this will make these styles global):

.btn-secondary {
  color: your_color
  background: your_background

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: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 5.0.0
  • Device: Desctope
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No