BigW Consortium Gitlab

Commit e4a00047 by Annabel Dunstone Gray

Combining more grays

parent c5d12e37
......@@ -235,7 +235,7 @@
}
.btn-transparent {
color: $btn-transparent-color;
color: $gl-gray-light;
background-color: transparent;
border: 0;
......@@ -309,7 +309,7 @@
text-align: left;
padding: 6px 16px;
border-color: $border-color;
color: $btn-placeholder-gray;
color: $gray-darkest;
background-color: $background-color;
&:hover,
......@@ -318,7 +318,7 @@
cursor: text;
box-shadow: none;
border-color: $border-color;
color: $btn-placeholder-gray;
color: $gray-darkest;
background-color: $background-color;
}
}
......
......@@ -10,7 +10,7 @@
@mixin chevron-active {
.fa-chevron-down {
color: $dropdown-toggle-hover-icon-color;
color: $gray-darkest;
}
}
......@@ -28,7 +28,7 @@
.dropdown-toggle,
.dropdown-menu-toggle {
@include chevron-active;
border-color: $dropdown-toggle-hover-border-color;
border-color: $gray-darkest;
}
}
......@@ -73,7 +73,7 @@
}
.fa {
color: $dropdown-toggle-icon-color;
color: $gray-darkest;
}
.fa-chevron-down {
......@@ -85,7 +85,7 @@
&:hover {
@include chevron-active;
border-color: $dropdown-toggle-hover-border-color;
border-color: $gray-darkest;
}
&:focus:active {
......@@ -210,7 +210,7 @@
}
.dropdown-header {
color: $dropdown-header-color;
color: $gl-gray-light;
font-size: 13px;
line-height: 22px;
padding: 0 10px;
......@@ -223,7 +223,7 @@
.unclickable {
cursor: not-allowed;
padding: 5px 8px;
color: $dropdown-header-color;
color: $gl-gray-light;
}
}
......@@ -602,7 +602,7 @@
th {
padding: 2px 0;
color: $calendar-header-color;
color: $note-disabled-comment-color;
font-weight: normal;
text-transform: lowercase;
border-top: 1px solid $calendar-border-color;
......
......@@ -41,6 +41,6 @@
}
&.status-box-upcoming {
background: $issue-box-upcoming-bg;
background: $gl-gray-light;
}
}
......@@ -224,7 +224,7 @@ ul.content-list {
}
.label-default {
color: $btn-transparent-color;
color: $gl-gray-light;
}
}
......
......@@ -135,7 +135,7 @@
.toolbar-btn {
float: left;
padding: 0 5px;
color: $note-toolbar-color;
color: $gl-gray-light;
background: transparent;
border: 0;
outline: 0;
......
......@@ -51,7 +51,7 @@
margin-bottom: -1px;
font-size: 14px;
line-height: 28px;
color: $note-toolbar-color;
color: $gl-gray-light;
border-bottom: 2px solid transparent;
&:hover,
......@@ -80,7 +80,7 @@
.badge {
font-weight: normal;
background-color: $nav-badge-bg;
color: $btn-transparent-color;
color: $gl-gray-light;
vertical-align: baseline;
}
}
......
......@@ -26,7 +26,7 @@ $gray-lighter: #f9f9f9;
$gray-normal: darken($gray-light, $darken-normal-factor);
$gray-dark: darken($gray-light, $darken-dark-factor);
$gray-darker: #eee;
$gray-darkest: #c9c9c9;
$gray-darkest: #c4c4c4;
$green-light: #3cbd70;
$green-normal: darken($green-light, $darken-normal-factor);
......@@ -116,7 +116,6 @@ $gl-gray-light: #8f8f8f;
$gl-grayish-blue: #7f8fa4;
$gl-gray: $gl-text-color;
$gl-gray-dark: #313236;
$gl-gray-light: $gl-gray-light;
$gl-header-color: #4c4e54;
/*
......@@ -166,7 +165,6 @@ $header-height: 50px;
$fixed-layout-width: 1280px;
$error-exclamation-point: #e62958;
$border-radius-default: 2px;
$btn-transparent-color: #8f8f8f;
$settings-icon-size: 18px;
$provider-btn-group-border: #e5e5e5;
$provider-btn-not-active-color: #4688f1;
......@@ -191,7 +189,6 @@ $count-arrow-border: #dce0e5;
$save-project-loader-color: #555;
$divergence-graph-bar-bg: #ccc;
$divergence-graph-separator-bg: #ccc;
$issue-box-upcoming-bg: #8f8f8f;
/*
* Common component specific colors
......@@ -276,7 +273,6 @@ $dropdown-empty-row-bg: rgba(#000, .04);
$dropdown-border-color: $border-color;
$dropdown-shadow-color: rgba(#000, .1);
$dropdown-divider-color: rgba(#000, .1);
$dropdown-header-color: #959494;
$dropdown-title-btn-color: #bfbfbf;
$dropdown-input-color: #555;
$dropdown-input-fa-color: #c7c7c7;
......@@ -287,18 +283,14 @@ $dropdown-chevron-size: 10px;
$dropdown-toggle-bg: #fff;
$dropdown-toggle-border-color: #e5e5e5;
$dropdown-toggle-hover-border-color: darken($dropdown-toggle-border-color, 13%);
$dropdown-toggle-active-border-color: darken($dropdown-toggle-border-color, 14%);
$dropdown-toggle-icon-color: #c4c4c4;
$dropdown-toggle-hover-icon-color: darken($dropdown-toggle-icon-color, 7%);
/*
* Buttons
*/
$btn-active-gray: #ececec;
$btn-active-gray-light: e4e7ed;
$btn-placeholder-gray: #c7c7c7;
$btn-white-active: #848484;
$btn-gray-hover: #eee;
/*
......@@ -315,22 +307,18 @@ $award-emoji-new-btn-icon-color: #dcdcdc;
$search-input-border-color: rgba(#4688f1, .8);
$search-input-focus-shadow-color: $dropdown-input-focus-shadow;
$search-input-width: 220px;
$location-badge-color: #aaa;
$location-badge-bg: $dark-background-color;
$location-badge-active-bg: #4f91f8;
$location-icon-color: #e7e9ed;
$location-icon-active-color: #807e7e;
/*
* Notes
*/
$notes-light-color: #8e8e8e;
$notes-action-color: #c3c3c3;
$notes-role-color: #8e8e8e;
$notes-role-border-color: #e4e4e4;
$note-disabled-comment-color: #b2b2b2;
$note-form-border-color: #e5e5e5;
$note-toolbar-color: #959494;
$note-targe3-outside: #fffff0;
$note-targe3-inside: #ffffd3;
$note-line2-border: #ddd;
......@@ -344,7 +332,6 @@ $zen-control-color: #555;
/*
* Calendar
*/
$calendar-header-color: #b8b8b8;
$calendar-hover-bg: #ecf3fe;
$calendar-border-color: rgba(#000, .1);
$calendar-unselectable-bg: $gray-light;
......@@ -361,14 +348,8 @@ $cycle-analytics-light-gray: #bfbfbf;
$cycle-analytics-dismiss-icon-color: #b2b2b2;
/*
* Personal Access Tokens
*/
$personal-access-tokens-disabled-label-color: #bbb;
/*
* CI
*/
$ci-text-color: #c5c8c6;
$ci-skipped-color: #888;
/*
......
......@@ -40,7 +40,7 @@
}
.zen-control-full {
color: $note-toolbar-color;
color: $gl-gray-light;
&:hover {
color: $gl-link-color;
......
......@@ -97,7 +97,7 @@
.build-trace {
background: $black;
color: $ci-text-color;
color: $gray-darkest;
white-space: pre;
overflow-x: auto;
font-size: 12px;
......
......@@ -204,7 +204,7 @@
.comment-toolbar {
padding-top: $gl-padding-top;
color: $note-toolbar-color;
color: $gl-gray-light;
border-top: 1px solid $border-color;
}
......
......@@ -372,7 +372,7 @@ ul.notes {
.note-actions {
float: right;
margin-left: 10px;
color: $notes-action-color;
color: $gray-darkest;
}
.note-actions {
......@@ -411,7 +411,7 @@ ul.notes {
}
.fa {
color: $notes-action-color;
color: $gray-darkest;
position: relative;
font-size: 17px;
}
......@@ -573,10 +573,10 @@ ul.notes {
svg {
position: relative;
color: $notes-action-color;
color: $gray-darkest;
path {
fill: $notes-action-color;
fill: $gray-darkest;
}
}
}
......
......@@ -654,7 +654,7 @@
.toggle-pipeline-btn {
.fa {
color: $dropdown-header-color;
color: $gl-gray-light;
}
}
......
......@@ -198,7 +198,7 @@
}
.personal-access-tokens-never-expires-label {
color: $personal-access-tokens-disabled-label-color;
color: $note-disabled-comment-color;
}
.datepicker.personal-access-tokens-expires-at .ui-state-disabled span {
......
......@@ -51,7 +51,7 @@
border-radius: $border-radius-default;
font-size: 14px;
font-style: normal;
color: $location-badge-color;
color: $note-disabled-comment-color;
display: inline-block;
background-color: $location-badge-bg;
vertical-align: top;
......@@ -140,7 +140,7 @@
.search-input-wrap {
i {
color: $location-icon-active-color;
color: $layout-link-gray;
}
}
}
......
......@@ -18,7 +18,7 @@
$l-blue: #81a2be;
$l-magenta: #b294bb;
$l-cyan: #8abeb7;
$l-white: $ci-text-color;
$l-white: $gray-darkest;
/*
* xterm colors
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment