bootstrap btn colors

1<button type="button" class="btn btn-primary">Blue</button>
2<button type="button" class="btn btn-secondary">Grey</button>
3<button type="button" class="btn btn-success">Green</button>
4<button type="button" class="btn btn-danger">Red</button>
5<button type="button" class="btn btn-warning">Yellow</button>
6<button type="button" class="btn btn-info">Ligth blue</button>
7<button type="button" class="btn btn-light">White</button>
8<button type="button" class="btn btn-dark">Black</button>
9
10<button type="button" class="btn btn-link">White with blue text</button>

1<button type="button" class="btn btn-primary">Primary</button>
2<button type="button" class="btn btn-secondary">Secondary</button>
3<button type="button" class="btn btn-success">Success</button>
4<button type="button" class="btn btn-danger">Danger</button>
5<button type="button" class="btn btn-warning">Warning</button>
6<button type="button" class="btn btn-info">Info</button>
7<button type="button" class="btn btn-light">Light</button>
8<button type="button" class="btn btn-dark">Dark</button>
9
10<button type="button" class="btn btn-link">Link</button>

1.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
2    background-color: #8064A2 !important;
3}

1<!-- Bootstrap v5.0 -->
2
3<button type="button" class="btn btn-primary">Primary</button>
4<button type="button" class="btn btn-secondary">Secondary</button>
5<button type="button" class="btn btn-success">Success</button>
6<button type="button" class="btn btn-danger">Danger</button>
7<button type="button" class="btn btn-warning">Warning</button>
8<button type="button" class="btn btn-info">Info</button>
9<button type="button" class="btn btn-light">Light</button>
10<button type="button" class="btn btn-dark">Dark</button>
11
12<button type="button" class="btn btn-link">Link</button>

1<div class="btn-group btn-group-toggle" data-toggle="buttons">
2  <label class="btn btn-secondary active">
3    <input type="radio" name="options" id="option1" autocomplete="off" checked> Active
4  </label>
5  <label class="btn btn-secondary">
6    <input type="radio" name="options" id="option2" autocomplete="off"> Radio
7  </label>
8  <label class="btn btn-secondary">
9    <input type="radio" name="options" id="option3" autocomplete="off"> Radio
10  </label>
11</div>

1.btn-default
2 
3{
4 
5background-color: #68889E;
6 
7color:#FFF;
8 
9border-color: #2F3E48;
10 
11}
12 
13.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
14 
15 
16 
17background-color: #2F3E48;
18 
19color:#FFF;
20 
21border-color: #31347B;
22 
23}
24