From df7f2ef34035447fec8411648147f23399e604c9 Mon Sep 17 00:00:00 2001
From: Bianca Cheng Costanzo <get.bianca@gmail.com>
Date: Tue, 2 Jan 2018 20:42:32 +0100
Subject: [PATCH] Simplifying backgrounds to match lightgray in service-ui and
 ui-components

---
 client/app/styles/_base.scss      | 2 +-
 client/app/styles/_variables.scss | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/client/app/styles/_base.scss b/client/app/styles/_base.scss
index 015c271d4..79087ed03 100644
--- a/client/app/styles/_base.scss
+++ b/client/app/styles/_base.scss
@@ -96,7 +96,7 @@ a {
 
 .overlay-wrapper {
   align-items: center;
-  background-color: fade-out($background-average-color, 0.1);
+  background-color: fade-out($background-color, 0.1);
   border-radius: 4px;
   color: $text-tertiary-color;
   display: flex;
diff --git a/client/app/styles/_variables.scss b/client/app/styles/_variables.scss
index c4267b29a..bf6f38909 100644
--- a/client/app/styles/_variables.scss
+++ b/client/app/styles/_variables.scss
@@ -12,9 +12,8 @@ $mono-font: "Menlo", "DejaVu Sans Mono", "Liberation Mono", monospace;
 $base-ease: ease-in-out;
 $primary-color: $weave-charcoal-blue;
 
-$background-color: lighten($primary-color, 66%);
+$background-color: #f8f8f8;
 $background-lighter-color: lighten($background-color, 8%);
-$background-average-color: mix($background-color, $background-lighter-color);
 $background-darker-color: darken($background-color, 8%);
 $background-darker-secondary-color: darken($background-color, 4%);
 $background-dark-color: $primary-color;
@@ -58,5 +57,5 @@ $search-border-width: 1px;
 $timeline-height: 55px;
 
 /* specific elements */
-$body-background-color: $background-average-color;
-$label-background-color: fade-out($background-average-color, .3);
+$body-background-color: $background-color;
+$label-background-color: fade-out($background-color, .3);