debian-mirror-gitlab/app/assets/stylesheets/framework/gitlab-theme.scss

124 lines
2.1 KiB
SCSS
Raw Normal View History

2015-09-11 14:41:01 +05:30
/**
* 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) {
2015-09-25 12:07:36 +05:30
.page-with-sidebar {
.header-logo {
2016-06-02 11:05:42 +05:30
background: $color-darker;
2015-09-11 14:41:01 +05:30
2015-09-25 12:07:36 +05:30
a {
color: $color-light;
h3 {
2015-09-11 14:41:01 +05:30
color: $color-light;
}
2015-09-25 12:07:36 +05:30
}
2015-09-11 14:41:01 +05:30
2015-09-25 12:07:36 +05:30
&:hover {
2016-06-02 11:05:42 +05:30
background-color: $color-dark;
2015-09-25 12:07:36 +05:30
a {
2016-06-02 11:05:42 +05:30
color: #fff;
h3 {
color: #fff;
}
2015-09-11 14:41:01 +05:30
}
}
}
.collapse-nav a {
2016-06-02 11:05:42 +05:30
color: #fff;
2015-09-11 14:41:01 +05:30
background: $color;
}
.sidebar-wrapper {
background: $color-darker;
.sidebar-user {
background: $color-darker;
color: $color-light;
&:hover {
background-color: $color-dark;
2016-06-02 11:05:42 +05:30
color: #fff;
2015-09-11 14:41:01 +05:30
text-decoration: none;
}
}
}
.nav-sidebar li {
a {
color: $color-light;
&:hover, &:focus, &:active {
background: $color-dark;
}
i {
color: $color-light;
}
.count {
color: $color-light;
background: $color-dark;
}
}
&.separate-item {
border-top: 1px solid $color;
}
&.active a {
2016-06-02 11:05:42 +05:30
color: #fff;
2015-09-11 14:41:01 +05:30
background: $color-dark;
&.no-highlight {
border: none;
}
i {
2016-06-02 11:05:42 +05:30
color: #fff
2015-09-11 14:41:01 +05:30
}
}
}
}
}
2016-06-02 11:05:42 +05:30
$theme-blue: #2980b9;
$theme-charcoal: #3d454d;
$theme-graphite: #666;
2015-09-11 14:41:01 +05:30
$theme-gray: #373737;
$theme-green: #019875;
2016-06-02 11:05:42 +05:30
$theme-violet: #548;
2015-09-11 14:41:01 +05:30
body {
&.ui_blue {
2016-06-02 11:05:42 +05:30
@include gitlab-theme(#becde9, $theme-blue, #1970a9, #096099);
2015-09-11 14:41:01 +05:30
}
&.ui_charcoal {
2016-06-02 11:05:42 +05:30
@include gitlab-theme(#d6d7d9, #485157, $theme-charcoal, #353b41);
2015-09-11 14:41:01 +05:30
}
&.ui_graphite {
2016-06-02 11:05:42 +05:30
@include gitlab-theme(#ccc, #777, $theme-graphite, #555);
2015-09-11 14:41:01 +05:30
}
&.ui_gray {
2016-06-02 11:05:42 +05:30
@include gitlab-theme(#979797, $theme-gray, #272727, #222);
2015-09-11 14:41:01 +05:30
}
&.ui_green {
2016-06-02 11:05:42 +05:30
@include gitlab-theme(#adc, $theme-green, #018865, #017855);
2015-09-11 14:41:01 +05:30
}
&.ui_violet {
2016-06-02 11:05:42 +05:30
@include gitlab-theme(#98c, $theme-violet, #436, #325);
2015-09-11 14:41:01 +05:30
}
2016-06-02 11:05:42 +05:30
}