fix(toast): use correct button colors

Author: brandyscarney

core/src/components/toast/test/hue/index.html

@@ -62,11 +62,16 @@
           const hue = toast.hue;
 
           const color = toast.color || 'default';
-          toast.message = `This is a ${hue} ${color} toast.`;
+          toast.message = `This is a ${color} toast.`;
+
+          toast.icon = 'information-circle';
 
           toast.buttons = [
             {
               text: 'Action',
+            },
+            {
+              icon: 'close',
               role: 'cancel',
             },
           ];

core/src/components/toast/toast.ionic.scss

@@ -145,6 +145,10 @@
   color: globals.current-color(contrast);
 }
 
+:host(.toast-hue-bold.ion-color) .toast-button {
+  color: globals.current-color(contrast);
+}
+
 // Subtle Toast
 // --------------------------------------------------
 
@@ -155,6 +159,10 @@
   --button-color: #{globals.$ion-text-link-default};
 }
 
+:host(.toast-hue-subtle) .toast-button-cancel {
+  color: #{globals.$ion-icon-subtlest};
+}
+
 :host(.toast-hue-subtle.ion-color) .toast-wrapper {
   background: globals.current-color(base, $subtle: true);
   color: globals.current-color(contrast, $subtle: true);