From d391f07c1e0954d2571eb0a0fa3c022636471ee7 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Mon, 21 Mar 2016 11:03:50 -0700
Subject: [PATCH] Change right header color

// FREEBIE
---
 js/views/inbox_view.js   |  4 ++--
 stylesheets/_global.scss | 14 +++++++++-----
 stylesheets/manifest.css | 13 ++++++++-----
 3 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/js/views/inbox_view.js b/js/views/inbox_view.js
index 9008ab5e0..cd2021309 100644
--- a/js/views/inbox_view.js
+++ b/js/views/inbox_view.js
@@ -119,12 +119,12 @@
                 return;
             }
 
-            this.$('#header').removeClass('active');
+            this.$('#header').addClass('inactive');
             this.$('.conversation-stack').removeClass('inactive');
         },
         focusHeader: function() {
             this.$('.conversation-stack').addClass('inactive');
-            this.$('#header').addClass('active');
+            this.$('#header').removeClass('inactive');
         },
         reloadBackgroundPage: function() {
             chrome.runtime.reload();
diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index f79b6aeae..17471150b 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -29,13 +29,13 @@ body {
 }
 
 #header {
-  background-color: $grey_l;
-  color: $grey_d;
+  background-color: $blue;
+  color: white;
   transition: background-color 0.5s;
 
-  &.active {
-    background-color: $blue;
-    color: white;
+  &.inactive {
+    background-color: $grey_l;
+    color: $grey_d;
   }
 
   h1 {
@@ -97,6 +97,10 @@ button.back {
   }
 }
 
+.inactive .menu .hamburger {
+  background: url('/images/menu_black.png') no-repeat center;
+}
+
 .menu {
   position: relative;
   float: right;
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 6f53f68e9..d33a67de0 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -38,12 +38,12 @@ body {
   display: none; }
 
 #header {
-  background-color: #f3f3f3;
-  color: #454545;
+  background-color: #2090ea;
+  color: white;
   transition: background-color 0.5s; }
-  #header.active {
-    background-color: #2090ea;
-    color: white; }
+  #header.inactive {
+    background-color: #f3f3f3;
+    color: #454545; }
   #header h1 {
     margin: 0;
     line-height: 64px;
@@ -89,6 +89,9 @@ button.back {
     vertical-align: middle;
     display: table-cell; }
 
+.inactive .menu .hamburger {
+  background: url("/images/menu_black.png") no-repeat center; }
+
 .menu {
   position: relative;
   float: right; }