Bootstrap Buttons

Hello,
I found the great method to create buttons for habpanel.
They are working very well.
Problem is, that I am not able to change the color of the buttons.
The design is based on bootstrap:

<button type="button" class="btn btn-primary">Primary</button>

Can you please help me?
I found some tutorials where I have to add “!important” but without success.
I want to change the background color of the non-active and active button and also the border.

Many thanks

You can remove the btn-primary class (that’s what gives the blue color, there are others like warning, danger, info etc.)
and define your own styles instead, for example:

<style>
.mybutton {
  background: black;
  border: 2px #777 solid;
  border-radius: 4px;
}
.mybutton:hover {
  background: #004400;
  color: white;
}
.mybutton.active {
  background: #00AA00;
  font-weight: bold;
}
</style>
<div class="btn-group">
	<button type="button" class="btn mybutton active">Active</button>
	<button type="button" class="btn mybutton">Inactive</button>
</div>