Skip to content

Commit

Permalink
Corrected the color of Galaxy Blue (#179)
Browse files Browse the repository at this point in the history
  • Loading branch information
grahamhency authored and AlexOverbeck committed Sep 12, 2019
1 parent a4b927e commit 58b10f9
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 9 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
.go-badge {
border: 1px solid $theme-light-bg;
border-radius: 1.5rem;
color: $base-light;
font-size: .75rem;
height: 22px;
left: -.625rem;
Expand Down Expand Up @@ -31,15 +32,12 @@

.go-badge--positive {
background: $ui-color-positive;
color: $base-dark;
}

.go-badge--neutral {
background: $ui-color-neutral;
color: $base-light;
}

.go-badge--negative {
background: $ui-color-negative;
color: $base-light;
}
12 changes: 6 additions & 6 deletions projects/go-lib/src/styles/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -78,21 +78,21 @@ $ui-color-negative-active: #BA3F3F;
$ui-color-negative-hover: #A83939;
$ui-color-negative-dark: darken($ui-color-negative-hover, 10%);
$ui-color-negative-darker: darken($ui-color-negative-dark, 5%);
$ui-color-negative-gradient: linear-gradient(to bottom, $ui-color-negative, $ui-color-negative-hover);
$ui-color-negative-gradient: linear-gradient(to bottom, $ui-color-negative, $ui-color-negative-active);
$ui-background-negative: rgba($ui-color-negative, .1);

// Neutral Colors -
// These are used to portray informational actions, states, or other generally neutral states in the interface
$ui-color-neutral: #8A4EDE;
$ui-color-neutral-active: #7F47CC;
$ui-color-neutral-hover: #7441BA;
$ui-color-neutral-gradient: linear-gradient(to bottom, $ui-color-neutral, $ui-color-neutral-hover);
$ui-color-neutral-gradient: linear-gradient(to bottom, $ui-color-neutral, $ui-color-neutral-active);
$ui-background-neutral: rgba($ui-color-neutral, .1);

// Positive Colors -
// These are used to portray good actions, states, or other generally positive states in the interface
$ui-color-positive: #4EDED2;
$ui-color-positive-active: #47CCC1;
$ui-color-positive-hover: #41BAB0;
$ui-color-positive-gradient: linear-gradient(to bottom, $ui-color-positive, $ui-color-positive-hover);
$ui-color-positive: #00838f;
$ui-color-positive-active: #00737D;
$ui-color-positive-hover: #00626B;
$ui-color-positive-gradient: linear-gradient(to bottom, $ui-color-positive, $ui-color-positive-active);
$ui-background-positive: rgba($ui-color-positive, .2);

0 comments on commit 58b10f9

Please sign in to comment.