/**
 * Styles the GitLab application with a specific color theme
 */

@mixin gitlab-theme($color-200, $color-500, $color-700, $color-800, $color-900) {
  header.navbar-gitlab-new {
    background: linear-gradient(to right, $color-900, $color-800);
  }

  .navbar-sub-nav {
    color: $color-200;
  }

  .nav-sidebar li.active {
    box-shadow: inset 4px 0 0 $color-700;

    > a {
      color: $color-900;
    }

    svg {
      fill: $color-900;
    }
  }

}

$dark-50:  #fafafa;
$dark-100: #f2f2f2;
$dark-200: #dfdfdf;
$dark-300: #cccccc;
$dark-400: #bababa;
$dark-500: #a7a7a7;
$dark-600: #949494;
$dark-700: #707070;
$dark-800: #4f4f4f;
$dark-900: #2e2e2e;
$dark-950: #1f1f1f;

$indigo-200: #d1d1f0;
$indigo-500: #6666c4;
$indigo-700: #4b4ba3;
$indigo-800: #393982;
$indigo-900: #292961;

body {
  &.ui_indigo {
    @include gitlab-theme($indigo-200, $indigo-500, $indigo-700, $indigo-800, $indigo-900);
  }

  &.ui_dark {
    @include gitlab-theme($dark-200, $dark-500, $dark-700, $dark-800, $dark-900);
  }
}