From eaf3d46c1f620fe9d024a4a4207ae2127c16b46d Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Sun, 1 Feb 2015 18:39:07 -1000
Subject: [PATCH] Make 'New Message' view match new title bar style

Make text blue and light weight. Update back button colors to match.
---
 images/back.png             | Bin 240 -> 348 bytes
 stylesheets/_index.scss     |   6 +++---
 stylesheets/_variables.scss |   5 +++++
 stylesheets/manifest.css    |   9 ++++++---
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/images/back.png b/images/back.png
index 9e662f6d498a7a3863f702e2f29b53b66db8fddc..266ad993e7d7a33fbc5278ecce7b979dab0a7d73 100644
GIT binary patch
delta 332
zcmV-S0ki(_0o($R8Gi-<007{3J@^0s00v@9M??Vs0RI60puMM)00009a7bBm000fw
z000fw0YWI7cmMzZ2XskIMF-yk1OyBt)5TWL0002#Nkl<ZNXPA!F%rQ*6o&to83)h=
zl{kTM8Wb8iKq3uBA-Z(S4bU><Fh)!0k}E{^X_zrah**W0{D1xXzInTE-vW95D#kSI
z8zLNjQbV7>0eApnP0GgJDR0x%X{q2MaIf%)7_GGMR2>*1a6vR?;H)v)hn~Jxc0}L8
zUkX&f69uZ^PX%|=k}1Be)4M4us(d??F!LUOK7fdcn@6j($tuti+8ls+0-!)ltJ*B+
zDDB|!vH`>d?nNH#(o(75Q38VLTlzxzF1nLQFigLv&wsJ(ZWkX*8P`uvWv6~!i@>dl
eaFl;s|CI|Br)Z_}7do;40000<MNUMnLSTY{SdHEQ

delta 223
zcmcb^^nr1LWIYQ51A|xH*J2>0kn9oU%fL{j#=y|f!octgDAe$RfuYoZf#FpG1B2BJ
z1_tqhIlBUFfD%ke-tI08|J(b|><98V3p^r$CU6UbFeAgPITAp@3{Mxw5R22vKh8Ty
zrASywNi|Gh;pP1g1b^eZBX|X#DjvDT5D_TnwML#p!~Hr#pqyKdM&p$K2iMC)GJ9Cs
zIqYPcG5L^ZXQtAY1n#gsQ5)Q4<aBpTV)N78A$(u{k+8gr_uUES7g;DWhzT|5yXv^!
Q23pGC>FVdQ&MBb@0Pg@t1^@s6

diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index de37996700..e1f7b49f66 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -26,15 +26,15 @@ input.new-message {
     float: left;
     width: 36px;
     height: 36px;
-    background: $blue url('/images/back.png') no-repeat center center;
+    background: $header-color url('/images/back.png') no-repeat center center;
   }
 
   span {
     display: inline-block;
     height: 36px;
     line-height: 36px;
-    font-size: 18px;
-    color: white;
+    font-family: $roboto-light;
+    color: $blue;
     text-indent: -36px;
   }
 }
diff --git a/stylesheets/_variables.scss b/stylesheets/_variables.scss
index ac9600059e..f24f71ce74 100644
--- a/stylesheets/_variables.scss
+++ b/stylesheets/_variables.scss
@@ -5,11 +5,16 @@ $grey_l: #f3f3f3;
 $grey: #616161;
 $grey_d: #454545;
 
+@font-face {
+  font-family: 'Roboto-Light';
+  src: url('/fonts/Roboto-Light.ttf') format('truetype');
+}
 @font-face {
   font-family: 'Roboto';
   src: url('/fonts/Roboto-Regular.ttf') format('truetype');
 }
 $roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
+$roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
 
 $header-height: 36px;
 $header-color: #f2f2f2;
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 65874d78d0..13f50addf5 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -1,4 +1,7 @@
 @charset "UTF-8";
+@font-face {
+  font-family: 'Roboto-Light';
+  src: url("/fonts/Roboto-Light.ttf") format("truetype"); }
 @font-face {
   font-family: 'Roboto';
   src: url("/fonts/Roboto-Regular.ttf") format("truetype"); }
@@ -67,13 +70,13 @@ input.new-message {
     float: left;
     width: 36px;
     height: 36px;
-    background: #2a92e7 url("/images/back.png") no-repeat center center; }
+    background: #f2f2f2 url("/images/back.png") no-repeat center center; }
   .back span {
     display: inline-block;
     height: 36px;
     line-height: 36px;
-    font-size: 18px;
-    color: white;
+    font-family: Roboto-Light, "Helvetica Neue", Arial, Helvetica, sans-serif;
+    color: #2a92e7;
     text-indent: -36px; }
 
 .new-conversation .new-group-update-form {