diff --git a/packages/action-sheet/index.less b/packages/action-sheet/index.less
index a53a1a3d..a3243aea 100644
--- a/packages/action-sheet/index.less
+++ b/packages/action-sheet/index.less
@@ -18,6 +18,8 @@
   }
 
   &__cancel {
+    .theme(color, '@action-sheet-cancel-text-color');
+
     &::before {
       display: block;
       content: ' ';
diff --git a/packages/common/style/var.less b/packages/common/style/var.less
index 8804a773..9545c912 100644
--- a/packages/common/style/var.less
+++ b/packages/common/style/var.less
@@ -82,6 +82,7 @@
 @action-sheet-close-icon-size: 18px;
 @action-sheet-close-icon-color: @gray-6;
 @action-sheet-close-icon-padding: 0 @padding-sm;
+@action-sheet-cancel-text-color: @gray-7;
 @action-sheet-cancel-padding-top: @padding-xs;
 @action-sheet-cancel-padding-color: @background-color;