diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss
index b13f7356d9..76c88e0321 100644
--- a/packages/theme-chalk/src/common/var.scss
+++ b/packages/theme-chalk/src/common/var.scss
@@ -516,8 +516,8 @@ $button: map.merge(
     'font-weight': var(--el-font-weight-primary),
     'border-color': var(--el-border-color-base),
     'bg-color': var(--el-color-white),
-    'text-color': var(--el-color-white),
-    'disabled-text-color': var(--el-button-text-color),
+    'text-color': var(--el-text-color-regular),
+    'disabled-text-color': var(--el-disabled-color-base),
     'disabled-bg-color': var(--el-color-white),
     'disabled-border-color': var(--el-border-color-light),
     'divide-border-color': rgba($color-white, 0.5),
diff --git a/packages/theme-chalk/src/mixins/_button.scss b/packages/theme-chalk/src/mixins/_button.scss
index 91d500ddcd..0ec045acce 100644
--- a/packages/theme-chalk/src/mixins/_button.scss
+++ b/packages/theme-chalk/src/mixins/_button.scss
@@ -27,6 +27,8 @@
 }
 
 @mixin button-variant($type) {
+  --el-button-text-color: var(--el-color-white);
+  --el-button-disabled-text-color: var(--el-color-white);
   &.is-plain {
     @include button-plain(var(--el-button-bg-color), $type);
   }