Decrease filters background opacity + made selected items more purple.

weaveworks · Aug 2, 2018 · 9f9123e · 9f9123e
1 parent e806c84
commit 9f9123e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/client/app/styles/_base.scss b/client/app/styles/_base.scss
@@ -1371,9 +1371,11 @@ a {
 
 .status {
   padding: 2px 12px;
+  background-color: $body-background-color;
   border-radius: $border-radius-soft;
   color: $text-secondary-color;
   display: inline-block;
+  opacity: 0.9;
 
   &-icon {
     font-size: $font-size-normal;

diff --git a/client/app/styles/_variables.scss b/client/app/styles/_variables.scss
@@ -4,7 +4,7 @@ $base-ease: ease-in-out;
 
 $background-color: $color-gray-50;
 $background-lighter-color: $color-white;
-$background-darker-color: transparentize($color-gray-200, 0.5);
+$background-darker-color: $color-purple-100;
 $background-darker-secondary-color: $color-gray-50;
 $background-dark-color: $color-purple-900;
 $text-color: $color-purple-800;
@@ -32,7 +32,7 @@ $edge-opacity-blurred: 0.2;
 $edge-opacity: 0.5;
 $edge-color: $color-purple-500;
 
-$btn-opacity-default: 0.7;
+$btn-opacity-default: 0.9;
 $btn-opacity-hover: 1;
 $btn-opacity-selected: 0.9;
 $btn-opacity-disabled: 0.25;