diff options
author | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-08-31 23:08:30 +0300 |
---|---|---|
committer | Ruben Davila <rdavila84@gmail.com> | 2017-09-06 20:54:09 +0300 |
commit | 3c815f97d32d78abc0eea4f0dd2397e646cd9fd6 (patch) | |
tree | ffd48acc78844cdbad32ea1da38538d4c6e6cae8 /app/assets/stylesheets/framework/gitlab-theme.scss | |
parent | 6c49a628000605d1beb120431003abb329b9fd16 (diff) |
Add functionality for two themes
Diffstat (limited to 'app/assets/stylesheets/framework/gitlab-theme.scss')
-rw-r--r-- | app/assets/stylesheets/framework/gitlab-theme.scss | 122 |
1 files changed, 122 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/gitlab-theme.scss b/app/assets/stylesheets/framework/gitlab-theme.scss new file mode 100644 index 00000000000..cec30664288 --- /dev/null +++ b/app/assets/stylesheets/framework/gitlab-theme.scss @@ -0,0 +1,122 @@ +/** + * Styles the GitLab application with a specific color theme + * + * $color-light - + * $color - + * $color-darker - + * $color-dark - + */ +@mixin gitlab-theme($color-light, $color, $color-darker, $color-dark) { + + + header.navbar-gitlab-new { + background: linear-gradient(to right, $color-darker, $color); + } + + + + + + + + + + .page-with-sidebar { + .toggle-nav-collapse, + .pin-nav-btn { + color: $color-light; + + &:hover { + color: $white-light; + } + } + + .sidebar-wrapper { + background: $color-darker; + } + + .sidebar-action-buttons { + color: $color-light; + background-color: lighten($color-darker, 5%); + } + + .nav-sidebar { + li { + a { + color: $color-light; + + &:hover, + &:focus, + &:active { + background: $color-dark; + } + + i { + color: $color-light; + } + + path, + polygon { + fill: $color-light; + } + + .count { + color: $color-light; + background: $color-dark; + } + + svg { + position: relative; + top: 3px; + } + } + + &.separate-item { + border-top: 1px solid $color; + } + + &.active a { + color: $white-light; + background: $color-dark; + + &.no-highlight { + border: none; + } + + i { + color: $white-light; + } + + path, + polygon { + fill: $white-light; + } + } + } + + .about-gitlab { + color: $color-light; + } + } + } +} + +$theme-black-light: #979797; +$theme-black: #373737; +$theme-black-dark: #272727; +$theme-black-darker: #222; + +$theme-indigo-light: #98c; +$theme-indigo: #548; +$theme-indigo-dark: #436; +$theme-indigo-darker: #325; + +body { + &.ui_indigo { + @include gitlab-theme($theme-indigo-light, $theme-indigo, $theme-indigo-dark, $theme-indigo-darker); + } + + &.ui_dark { + @include gitlab-theme($theme-black-light, $theme-black, $theme-black-dark, $theme-black-darker); + } +} |