From f4f9db9310b40858a957545bc1eac9b82fb14493 Mon Sep 17 00:00:00 2001
From: Juan Tejada <juans.tejada@gmail.com>
Date: Fri, 29 Jan 2016 11:13:25 -0800
Subject: [PATCH] fix(styles): Fix styles for faded recipient list

---
 internal_packages/composer/stylesheets/composer.less | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/internal_packages/composer/stylesheets/composer.less b/internal_packages/composer/stylesheets/composer.less
index f6534483c..136225a19 100644
--- a/internal_packages/composer/stylesheets/composer.less
+++ b/internal_packages/composer/stylesheets/composer.less
@@ -6,6 +6,8 @@
 @compose-width: 800px;
 @compose-min-height: 150px;
 
+@blurred-bg-color: mix(@background-primary, #ffbb00, 96%);
+
 body.platform-win32 {
   .composer-inner-wrap {
     .composer-action-bar-wrap {
@@ -177,7 +179,7 @@ body.platform-win32 {
         height: 37px;
         right: 0;
         top: 0;
-        background: linear-gradient(to right, fade(@background-primary, 0%) 0%, fade(@background-primary, 100%) 40%);
+        background: linear-gradient(to right, fade(@blurred-bg-color, 0%) 0%, fade(@blurred-bg-color, 100%) 40%);
       }
     }
   }
@@ -290,7 +292,7 @@ body.platform-win32 {
 #message-list {
   .message-item-wrap {
     .message-item-white-wrap.composer-outer-wrap {
-      background: mix(@background-primary, #ffbb00, 96%);
+      background: @blurred-bg-color;
     }
     .message-item-white-wrap.composer-outer-wrap.focused {
       box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.28), 0 1px 1.5px rgba(0, 0, 0, 0.08), 0 0 3px @accent-primary;