fix(button): fix ios buttons in colored toolbar so they don't use the default color

fixes #8566

Author: brandyscarney

src/components/toolbar/test/colors/main.html

@@ -60,7 +60,7 @@
 
   <ion-toolbar no-border-top color="secondary">
     <ion-buttons start>
-      <button ion-button icon-only solid>
+      <button ion-button icon-only color="primary">
         <ion-icon name="contact"></ion-icon>
       </button>
       <button ion-button icon-left solid>
@@ -79,7 +79,7 @@
 
   <ion-toolbar no-border-top color="secondary">
     <ion-buttons start>
-      <button ion-button icon-only solid class="activated">
+      <button ion-button icon-only color="primary" class="activated">
         <ion-icon name="contact"></ion-icon>
       </button>
       <button ion-button icon-left solid class="activated">

src/components/toolbar/toolbar.ios.scss

@@ -113,6 +113,12 @@ ion-footer .toolbar-ios:last-child .toolbar-background,
     .bar-button-default-ios {
       color: $color-contrast;
     }
+
+    @each $color-name, $color-base, $color-contrast in get-colors($colors-ios) {
+      @include ios-bar-button-default($color-name, $color-base, $color-contrast);
+      @include ios-bar-button-outline($color-name, $color-base, $color-contrast);
+      @include ios-bar-button-solid($color-name, $color-base, $color-contrast);
+    }
   }
 }