diff --git a/packages/vuetify/src/styles/generic/_colors.scss b/packages/vuetify/src/styles/generic/_colors.scss
index 487ebe6ddd53..bc475ef6e128 100644
--- a/packages/vuetify/src/styles/generic/_colors.scss
+++ b/packages/vuetify/src/styles/generic/_colors.scss
@@ -13,7 +13,7 @@
 @mixin background-text-color($color_name, $color_type) {
   $map_value: map-deep-get(colors.$text-on-colors, $color_name, $color_type);
 
-  --v-theme-on-surface: #{$map_value} !important;
+  --v-theme-on-background: #{$map_value} !important;
   color: $map_value !important;
 }