fix(toast): button color is contrast

fixes #15737
ionic-team · Sep 25, 2018 · f65ec10 · f65ec10
1 parent 5f5ba66
commit f65ec10
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/core/src/components/toast/toast.scss b/core/src/components/toast/toast.scss
@@ -53,6 +53,8 @@ ion-toast {
 }
 
 .toast-button {
+  --color: inherit;
+
   font-size: $toast-button-font-size;
 }
 

diff --git a/core/src/components/toast/toast.tsx b/core/src/components/toast/toast.tsx
@@ -197,7 +197,7 @@ export class Toast implements ComponentInterface, OverlayInterface {
             <div class="toast-message">{this.message}</div>
           }
           {this.showCloseButton &&
-            <ion-button fill="clear" color="light" ion-activatable class="toast-button" onClick={() => this.dismiss(undefined, 'cancel')}>
+            <ion-button fill="clear" ion-activatable class="toast-button" onClick={() => this.dismiss(undefined, 'cancel')}>
               {this.closeButtonText || 'Close'}
             </ion-button>
           }
-Original file line number
+Diff line change
@@ Expand Up / @@ -53,6 +53,8 @@ ion-toast { @@
     }
     .toast-button {
+      --color: inherit;
       font-size: $toast-button-font-size;
     }
@@ Expand Down @@