From 7b44ae2a400bb0c0616012e9c42bfc67edbfc793 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Mon, 27 Jan 2020 11:16:23 -0500
Subject: [PATCH] fix(toast): inherit color in cancel button for a toast with
 color (#20299)

fixes #20139
---
 core/src/components/toast/test/basic/index.html | 6 +++++-
 core/src/components/toast/toast.scss            | 4 ++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/core/src/components/toast/test/basic/index.html b/core/src/components/toast/test/basic/index.html
index e8769dfbc01..b3172f10dcf 100644
--- a/core/src/components/toast/test/basic/index.html
+++ b/core/src/components/toast/test/basic/index.html
@@ -63,10 +63,14 @@
         Translucent Toast
       </ion-button>
 
-      <ion-button expand="block" id="color-toast" onclick="openToast({message: 'click to close', buttons: ['Close'], color: 'danger'})">
+      <ion-button expand="block" id="color-toast" onclick="openToast({message: 'click to close', buttons: [{text: 'Close'}, {icon: 'close', role: 'cancel'}], color: 'danger'})">
         Color Toast
       </ion-button>
 
+      <ion-button expand="block" id="light-color-toast" onclick="openToast({message: 'click to close', buttons: [{text: 'Close'}, {icon: 'close', role: 'cancel'}], color: 'light'})">
+        Light Color Toast
+      </ion-button>
+
       <ion-button expand="block" id="custom-class-toast" onclick="openToast({message: 'click to close', buttons: ['Close'], cssClass: 'my-custom-class'})">
         Custom Class
       </ion-button>
diff --git a/core/src/components/toast/toast.scss b/core/src/components/toast/toast.scss
index 5eb91014f57..70078393695 100644
--- a/core/src/components/toast/toast.scss
+++ b/core/src/components/toast/toast.scss
@@ -65,6 +65,10 @@
   color: #{current-color(contrast)};
 }
 
+:host(.ion-color) .toast-button-cancel {
+  color: inherit;
+}
+
 :host(.ion-color) .toast-wrapper {
   background: #{current-color(base)};
 }