@import "ui-variables";

.nav {
  > li > a {
    border-radius: @component-border-radius;
  }
  > li > a:hover {
    background-color: @background-color-highlight;
  }

  &.nav-pills > li.active > a {
    background-color: @background-color-info;
  }
}

@import "ui-variables";

.nav {
  > li > a {
    border-radius: @component-border-radius;
  }
  > li > a:hover {
    background-color: @background-color-highlight;
  }

  &.nav-pills > li.active > a {
    background-color: @background-color-selected;
  }
}

Use background-color-selected for active pill
Use background-color-selected for active pill

This prevents the bright blue pill color in dark-ui and instead
mirrors the active tab color.
