diff --git a/core/src/components/modal/modal.ionic.scss b/core/src/components/modal/modal.ionic.scss
index aa38be59e2d..80244c5ba68 100644
--- a/core/src/components/modal/modal.ionic.scss
+++ b/core/src/components/modal/modal.ionic.scss
@@ -5,12 +5,12 @@
 // --------------------------------------------------
 
 :host {
-  --background: #{globals.$ion-primitives-base-white};
+  --background: #{globals.$ion-bg-surface-default};
   --box-shadow: #{globals.$ion-elevation-3};
   // Backdrop opacity is 1 because the backdrop's background color has an alpha value
   --backdrop-opacity: 1;
 
-  color: globals.$ion-primitives-neutral-1200;
+  color: globals.$ion-text-default;
 }
 
 // Shape