Answers for "button primary different text color bootstrap"

bootstrap btn colors

<!-- Bootstrap v5.0 -->

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>

<button type="button" class="btn btn-link">Link</button>

how to change the color of a bootstrap button

.btn-default
 
{
 
background-color: #68889E;
 
color:#FFF;
 
border-color: #2F3E48;
 
}
 
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
 
 
 
background-color: #2F3E48;
 
color:#FFF;
 
border-color: #31347B;
 
}