fix(searchbar): iOS fixed searchbar cancel button color in a toolbar

references #289

ionic/components/searchbar/modes/ios.scss

@@ -177,10 +177,15 @@ ion-searchbar {
 @each $color-name, $color-value in $colors-ios {
 
   ion-searchbar[#{$color-name}] {
-
     .searchbar-ios-cancel {
       color: $color-value;
     }
   }
 
+  .toolbar[#{$color-name}] ion-searchbar {
+    .searchbar-ios-cancel {
+      color: inverse($color-value);
+    }
+  }
+
 }

ionic/components/searchbar/test/toolbar/e2e.ts

@@ -10,3 +10,7 @@ it('primary should focus', function() {
 it('danger should focus', function() {
   element(by.css('.e2eDangerToolbarSearchbar input')).sendKeys("CC");
 });
+
+it('light should focus', function() {
+  element(by.css('.e2eLightToolbarSearchbar input')).sendKeys("DD");
+});

ionic/components/searchbar/test/toolbar/index.ts

@@ -7,9 +7,6 @@ import {SearchPipe} from 'ionic/components/searchbar/searchbar';
   templateUrl: 'main.html'
 })
 class E2EApp {
-  DefaultToolbarSearch: string;
-  PrimaryToolbarSearch: string;
-  DangerToolbarSearch: string;
 
   constructor() {
 

ionic/components/searchbar/test/toolbar/main.html

@@ -18,4 +18,9 @@
     <ion-searchbar [(ng-model)]="dangerToolbarSearch" show-cancel="true" class="e2eDangerToolbarSearchbar"></ion-searchbar>
   </ion-toolbar>
 
+  <h5 padding-left padding-top> Search - Light Toolbar </h5>
+  <ion-toolbar light>
+    <ion-searchbar [(ng-model)]="lightToolbarSearch" show-cancel="true" class="e2eLightToolbarSearchbar"></ion-searchbar>
+  </ion-toolbar>
+
 </ion-content>