fix: fix the status pill colors

Adslot · Jul 17, 2019 · 56b7a78 · 56b7a78
1 parent 28d5156
commit 56b7a78
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/components/adslot-ui/StatusPill/styles.scss b/src/components/adslot-ui/StatusPill/styles.scss
@@ -1,13 +1,13 @@
 @import '~styles/variable';
 
 $color-primary: $color-status-blue;
-$color-primary-background: rgba($color-primary, .35);
+$color-primary-background: $color-status-light-blue;
 $color-success: $color-status-green;
-$color-success-background: rgba($color-success, .35);
+$color-success-background: $color-status-light-green;
 $color-warning: $color-status-orange;
-$color-warning-background: rgba($color-warning, .35);
+$color-warning-background: $color-status-light-orange;
 $color-error: $color-status-red;
-$color-error-background: rgba($color-error, .35);
+$color-error-background: $color-status-light-red;
 $color-light: $color-status-light;
 $color-inverse-border: $color-status-light;
 

diff --git a/src/styles/color.scss b/src/styles/color.scss
@@ -38,6 +38,11 @@ $color-status-red: $color-red;
 $color-status-orange: #f93;
 $color-status-light: $color-gray-lighter;
 
+$color-status-light-orange: #fec985;
+$color-status-light-red: #f9b7b0;
+$color-status-light-blue: #c1e1ec;
+$color-status-light-green: #c5e6dc;
+
 // Usage: Use these values, not the colours directly
 
 // Informative