diff options
| author | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-03-24 22:59:46 +0300 |
|---|---|---|
| committer | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-03-24 22:59:46 +0300 |
| commit | 48079c3169688e4cfbaf89946d9ef61b335731e0 (patch) | |
| tree | daaad906e0a725ec2f78538930c6abd236808057 /app/assets/stylesheets/pages/pipelines.scss | |
| parent | 27c4d339e5ba650b746907317918c90dec6a0e2b (diff) | |
| parent | c8fd7025565e6a3eb1accabf3e07dd8e2f37b003 (diff) | |
Merge branch '28614-harmonious-color-palette' into 'master'
Change full colors to a more harmonious palette
Closes #28614
See merge request !10154
Diffstat (limited to 'app/assets/stylesheets/pages/pipelines.scss')
| -rw-r--r-- | app/assets/stylesheets/pages/pipelines.scss | 52 |
1 files changed, 36 insertions, 16 deletions
diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss index a20db153d09..a4fe652b52f 100644 --- a/app/assets/stylesheets/pages/pipelines.scss +++ b/app/assets/stylesheets/pages/pipelines.scss @@ -673,51 +673,71 @@ // Dropdown button animation in mini pipeline graph &.ci-status-icon-success { - border-color: $gl-success; - color: $gl-success; + border-color: $green-500; + color: $green-500; &:hover, &:focus, &:active { - background-color: rgba($gl-success, 0.1); - border-color: $gl-success; + background-color: $green-50; + border-color: $green-600; + color: $green-600; + + svg { + fill: $green-600; + } } } &.ci-status-icon-failed { - border-color: $gl-danger; - color: $gl-danger; + border-color: $red-500; + color: $red-500; &:hover, &:focus, &:active { - background-color: rgba($gl-danger, 0.1); - border-color: $gl-danger; + background-color: $red-50; + border-color: $red-600; + color: $red-600; + + svg { + fill: $red-600; + } } } &.ci-status-icon-pending, &.ci-status-icon-success_with_warnings { - border-color: $gl-warning; - color: $gl-warning; + border-color: $orange-500; + color: $orange-500; &:hover, &:focus, &:active { - background-color: rgba($gl-warning, 0.1); - border-color: $gl-warning; + background-color: $orange-50; + border-color: $orange-600; + color: $orange-600; + + svg { + fill: $orange-600; + } } } &.ci-status-icon-running { - border-color: $blue-normal; - color: $blue-normal; + border-color: $blue-400; + color: $blue-400; &:hover, &:focus, &:active { - background-color: rgba($blue-normal, 0.1); - border-color: $blue-normal; + background-color: $blue-50; + border-color: $blue-600; + color: $blue-600; + + svg { + fill: $blue-600; + } } } |