Customização da navbar do twitter bootstrap 3.

bootstrap-navbar.scss

$navbar_background       : #83BFE6;
$navbar_high_light       : #47ABED;
$navbar_default_color    : #FCFCFC;
$navbar_hover_color      : #DAE6ED;
$navbar_high_light_hover : #DAE6ED;
$navbar_border_radius    : 0px;

.navbar-default {
  background-color: $navbar_background;
  border-color: $navbar_high_light;
  border-radius: $navbar_border_radius;
  .navbar-brand {
    color: $navbar_default_color;
    &:hover, &:focus { 
      color: $navbar_high_light_hover; }}
  .navbar-text {
    color: $navbar_default_color; }
  .navbar-nav {
    > li {
      > a {
        color: $navbar_default_color;
        &:hover,  &:focus {
          color: $navbar_high_light_hover; }}}
    > .active {
      > a, > a:hover, > a:focus {
        color: $navbar_high_light_hover;
        background-color: $navbar_high_light; }}
    > .open {
      > a, > a:hover, > a:focus {
        color: $navbar_high_light_hover;
        background-color: $navbar_high_light; }}}
  .navbar-toggle {
    border-color: $navbar_high_light;
    &:hover, &:focus {
      background-color: $navbar_high_light; }
    .icon-bar {
      background-color: $navbar_default_color; }}
  .navbar-collapse,
  .navbar-form {
    border-color: $navbar_default_color; }
  .navbar-link {
    color: $navbar_default_color;
    &:hover {
      color: $navbar_high_light_hover; }}}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu {
    > li > a {
      color: $navbar_default_color;
      &:hover, &:focus {
        color: $navbar_high_light_hover; }}
    > .active {
      > a, > a:hover, > a:focus, {
        color: $navbar_high_light_hover;
        background-color: $navbar_high_light; }}}
}