BigW Consortium Gitlab

gitlab-theme.scss 2.11 KB
Newer Older
1 2 3 4 5 6 7 8
/**
 * Styles the GitLab application with a specific color theme
 *
 * $color-light  -
 * $color        -
 * $color-darker -
 * $color-dark   -
 */
9
@mixin gitlab-theme($color-light, $color, $color-darker, $color-dark) {
10 11
  .page-with-sidebar {
    .header-logo {
12
      background-color: $color;
13
      border-color: $color;
14

15 16
      a {
        color: $color-light;
17 18 19 20

        h3 {
          color: $color-light;
        }
21
      }
22

23
      &:hover {
24
        background-color: $color-darker;
25 26
        a {
          color: #FFF;
27
        }
28 29
      }
    }
30

31 32
    .collapse-nav a {
      color: #FFF;
33
      background: $color;
34 35 36 37
    }

    .sidebar-wrapper {
      background: $color-darker;
38 39

      .sidebar-user {
40
        background: $color-darker;
41 42 43 44 45 46
        color: $color-light;

        &:hover {
          background-color: $color-dark;
          color: #FFF;
          text-decoration: none;
47 48
        }
      }
49 50 51 52 53 54 55 56
    }

    .nav-sidebar li {
      a {
        color: $color-light;

        &:hover, &:focus, &:active {
          background: $color-dark;
57 58
        }

59 60
        i {
          color: $color-light;
61 62
        }

63
        .count {
64
          color: $color-light;
65 66 67
          background: $color-dark;
        }
      }
68

69 70 71 72 73 74
      &.separate-item {
        border-top: 1px solid $color;
      }

      &.active a {
        color: #FFF;
75
        background: $color-dark;
76 77 78

        &.no-highlight {
          border: none;
79 80
        }

81 82
        i {
          color: #FFF
83 84 85 86 87
        }
      }
    }
  }
}
88 89

$theme-blue: #2980B9;
90
$theme-charcoal: #333c47;
91 92 93 94 95 96 97 98 99 100 101
$theme-graphite: #888888;
$theme-gray: #373737;
$theme-green: #019875;
$theme-violet: #554488;

body {
  &.ui_blue {
    @include gitlab-theme(#BECDE9, $theme-blue, #1970A9, #096099);
  }

  &.ui_charcoal {
102
    @include gitlab-theme(#c5d0de, $theme-charcoal, #2b333d, #24272D);
103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119
  }

  &.ui_graphite {
    @include gitlab-theme(#CCCCCC, $theme-graphite, #777777, #666666);
  }

  &.ui_gray {
    @include gitlab-theme(#979797, $theme-gray, #272727, #222222);
  }

  &.ui_green {
    @include gitlab-theme(#AADDCC, $theme-green, #018865, #017855);
  }

  &.ui_violet {
    @include gitlab-theme(#9988CC, $theme-violet, #443366, #332255);
  }
120
}