From 9df5b5982f1e6eb8269debe862c63f8cc4cfd910 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Wed, 4 Nov 2015 16:50:27 -0500
Subject: [PATCH] refactor(searchbar): fixed the input background color and
 placeholder color in toolbars for iOS

references #247
---
 ionic/components/searchbar/modes/ios.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/ionic/components/searchbar/modes/ios.scss b/ionic/components/searchbar/modes/ios.scss
index 651fa26576..b04333da39 100644
--- a/ionic/components/searchbar/modes/ios.scss
+++ b/ionic/components/searchbar/modes/ios.scss
@@ -7,18 +7,18 @@ $searchbar-ios-background-color:         rgba(0, 0, 0, 0.2) !default;
 $searchbar-ios-border-color:             rgba(0, 0, 0, 0.05) !default;
 $searchbar-ios-min-height:               44px !default;
 
-$searchbar-ios-input-search-icon-color:  #767676 !default;
+$searchbar-ios-input-search-icon-color:  rgba(0, 0, 0, 0.5) !default;
 $searchbar-ios-input-search-icon-svg:    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'><path fill='" + $searchbar-ios-input-search-icon-color + "' d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1 M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0 L5,0z'/><line stroke='" + $searchbar-ios-input-search-icon-color + "' stroke-miterlimit='10' x1='12.6' y1='12.6' x2='8.2' y2='8.2'/></svg>" !default;
 $searchbar-ios-input-search-icon-size:   13px !default;
 
 $searchbar-ios-input-height:             28px !default;
-$searchbar-ios-input-placeholder-color:  #9D9D9D !default;
+$searchbar-ios-input-placeholder-color:  rgba(0, 0, 0, 0.5) !default;
 $searchbar-ios-input-text-color:         #000 !default;
 $searchbar-ios-input-background-color:   #FFFFFF !default;
 $searchbar-ios-input-transition:         all 400ms cubic-bezier(.25, .45, .05, 1) !default;
 $searchbar-ios-cancel-transition:        all 400ms cubic-bezier(.25, .45, .05, 1) !default;
 
-$searchbar-ios-input-close-icon-color:   #8F8E94 !default;
+$searchbar-ios-input-close-icon-color:   rgba(0, 0, 0, 0.5) !default;
 $searchbar-ios-input-close-icon-svg:     "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='" + $searchbar-ios-input-close-icon-color + "' d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>" !default;
 $searchbar-ios-input-close-icon-size:    18px !default;
 
@@ -107,7 +107,7 @@ ion-searchbar.left-align {
     border-bottom-width: 0;
 
     .searchbar-input {
-      background-color: #E5E5E5;
+      background-color: rgba(0, 0, 0, 0.08);
     }
 
     .searchbar-cancel {
@@ -136,6 +136,5 @@ ion-searchbar.left-align {
     .searchbar-cancel {
       color: $value;
     }
-    
   }
 }