diff options
author | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-09-05 16:57:31 -0700 |
---|---|---|
committer | Ruben Davila <rdavila84@gmail.com> | 2017-09-06 12:54:09 -0500 |
commit | c3ac7311525bc23bd8b75addec34654aa87ebbae (patch) | |
tree | d18b29e105904d17853a0b4e1a73087595460f20 /app/assets/stylesheets | |
parent | 4ccdecb1aa0f392d7eeb56c1dc9053ad8c921504 (diff) | |
download | gitlab-ce-c3ac7311525bc23bd8b75addec34654aa87ebbae.tar.gz |
Add blue theme
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r-- | app/assets/stylesheets/framework/gitlab-theme.scss | 7 | ||||
-rw-r--r-- | app/assets/stylesheets/framework/variables.scss | 15 |
2 files changed, 19 insertions, 3 deletions
diff --git a/app/assets/stylesheets/framework/gitlab-theme.scss b/app/assets/stylesheets/framework/gitlab-theme.scss index 52905121b3d..a860791b5f6 100644 --- a/app/assets/stylesheets/framework/gitlab-theme.scss +++ b/app/assets/stylesheets/framework/gitlab-theme.scss @@ -167,9 +167,6 @@ } - - - body { &.ui_indigo { @include gitlab-theme($indigo-100, $indigo-200, $indigo-500, $indigo-700, $indigo-800, $indigo-900); @@ -178,4 +175,8 @@ body { &.ui_dark { @include gitlab-theme($dark-100, $dark-200, $dark-500, $dark-700, $dark-800, $dark-900); } + + &.ui_blue { + @include gitlab-theme($theme-blue-100, $theme-blue-200, $theme-blue-500, $theme-blue-700, $theme-blue-800, $theme-blue-900); + } } diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss index c5f75e28b56..adf30e81158 100644 --- a/app/assets/stylesheets/framework/variables.scss +++ b/app/assets/stylesheets/framework/variables.scss @@ -74,6 +74,8 @@ $red-700: #a62d19; $red-800: #8b2615; $red-900: #711e11; +// GitLab themes + $indigo-50: #f7f7ff; $indigo-100: #ebebfa; $indigo-200: #d1d1f0; @@ -98,6 +100,19 @@ $dark-800: #4f4f4f; $dark-900: #2e2e2e; $dark-950: #1f1f1f; +$theme-blue-50: #f4f8fc; +$theme-blue-100: #e6edf5; +$theme-blue-200: #c8d7e6; +$theme-blue-300: #97b3cf; +$theme-blue-400: #648cb4; +$theme-blue-500: #4a79a8; +$theme-blue-600: #3e6fa0; +$theme-blue-700: #305c88; +$theme-blue-800: #25496e; +$theme-blue-900: #1a3652; +$theme-blue-950: #0f2235; + + $black: #000; $black-transparent: rgba(0, 0, 0, 0.3); $almost-black: #242424; |