diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index e3db5d413..ebf03452b 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -501,7 +501,6 @@ ion-loading {
 
 // Toasts.
 ion-toast {
-    --button-color: var(--primary-tint);
     @include media-breakpoint-down(sm) {
         &::part(container) {
             flex-direction: column;
diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss
index 284d216cb..21e9485e1 100644
--- a/src/theme/theme.light.scss
+++ b/src/theme/theme.light.scss
@@ -237,6 +237,12 @@
         }
     }
 
+    ion-toast {
+        --color: var(--ion-color-step-50);
+        --button-color: var(--primary);
+        --background: var(--ion-color-step-800);
+    }
+
     --core-tabs-background: var(--white);
     --core-tab-background: var(--core-tabs-background);
     --core-tab-color: var(--subdued-text-color);