cahnge bootstrap navbar color

1.bg-primary
2.bg-secondary
3.bg-success
4.bg-danger
5.bg-warning
6.bg-info
7.bg-light
8.bg-dark
9.bg-white
10.bg-transparent

1$bgDefault   : #e74c3c;
2$bgHighlight : #c0392b;
3$colDefault  : #ecf0f1;
4$colHighlight: #ffbbbc;
5.navbar-default {
6  background-color: $bgDefault;
7  border-color: $bgHighlight;
8  .navbar-brand {
9    color: $colDefault;
10    &:hover, &:focus {
11      color: $colHighlight; }}
12  .navbar-text {
13    color: $colDefault; }
14  .navbar-nav {
15    > li {
16      > a {
17        color: $colDefault;
18        &:hover,  &:focus {
19          color: $colHighlight; }}}
20    > .active {
21      > a, > a:hover, > a:focus {
22        color: $colHighlight;
23        background-color: $bgHighlight; }}
24    > .open {
25      > a, > a:hover, > a:focus {
26        color: $colHighlight;
27        background-color: $bgHighlight; }}}
28  .navbar-toggle {
29    border-color: $bgHighlight;
30    &:hover, &:focus {
31      background-color: $bgHighlight; }
32    .icon-bar {
33      background-color: $colDefault; }}
34  .navbar-collapse,
35  .navbar-form {
36    border-color: $colDefault; }
37  .navbar-link {
38    color: $colDefault;
39    &:hover {
40      color: $colHighlight; }}}
41@media (max-width: 767px) {
42  .navbar-default .navbar-nav .open .dropdown-menu {
43    > li > a {
44      color: $colDefault;
45      &:hover, &:focus {
46        color: $colHighlight; }}
47    > .active {
48      > a, > a:hover, > a:focus, {
49        color: $colHighlight;
50        background-color: $bgHighlight; }}}
51}
52