From 0a8ad2cee9d04dd968cb47523af9dab629994554 Mon Sep 17 00:00:00 2001
From: Sylvain UTARD <sylvain.utard@gmail.com>
Date: Wed, 16 Dec 2015 19:17:07 +0100
Subject: [PATCH] chore(style): lighter default colors

I've also suffixed all background colors by `-background` and text
colors by `-text`, it was not the case everywhere.

Fix #11
---
 src/styles/_variables.scss | 14 +++++++-------
 src/styles/main.scss       |  6 +++---
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 9c745153..61e18582 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -1,12 +1,12 @@
 $color-border: #3A3A3A;
 $color-border-light: lighten($color-border, 15%);
-$color-category-header: #333333;
-$color-highlight-header: #3A3A3A;
-$color-highlight: #448CDE;
-$color-selected-background: #CECECE;
-$color-selected-text: #0000FF;
-$color-left-column-bg: #CECECE;
-$color-left-column: #4E4726;
+$color-category-header-background: #3C4658;
+$color-highlight-header-background: lighten($color-category-header-background, 15%);
+$color-highlight-text: #0064E1;
+$color-selected-background: #E7EDF3;
+$color-selected-text: #0064E1;
+$color-left-column-bg: #F1F3F5;
+$color-left-column: #555;
 
 $breakpoint-medium: 568px;
 $breakpoint-large: 768px;;
diff --git a/src/styles/main.scss b/src/styles/main.scss
index c5949303..628eee19 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -29,7 +29,7 @@
 // Main category headers
 .ads-suggestion--category-header {
   display: none;
-  background-color: $color-category-header;
+  background: $color-category-header-background;
   color: white;
   font-weight: 600;
   padding: 5px 10px;
@@ -43,13 +43,13 @@
 // Highlight
 .ads-suggestion--highlight {
   padding: 0;
-  color: $color-highlight;
+  color: $color-highlight-text;
   background: none;
   font-weight: 600;
   // Highlight the background in header
   .ads-suggestion--category-header & {
     color: inherit;
-    background-color: $color-highlight-header;
+    background: $color-highlight-header-background;
   }
 }