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: "" !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: "" !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;
}
-
}
}