.panel-heading {
  background-color: @panel-heading-background-color;
  border-bottom: 1px solid @panel-heading-border-color;
}

.inset-panel {
  background-color: @inset-panel-background-color;

  .panel-heading {
    background-color: lighten(@inset-panel-background-color, 4%);
  }
}

atom-panel.modal {
  border: 1px solid @overlay-border-color;
}

.settings-view .config-menu .nav > li {
  &.active {
    > a {
      background-color: @foreground-1;
      color: @background-1;

      &:hover {
        background-color: @foreground-1;
        color: @background-1;
      }
    }
  }

  > a {
    &:hover {
      background-color: @accent-7;
      color: @background-1;
    }
  }
}
