diff --git a/packages/common/style/var.less b/packages/common/style/var.less
index 7227a4d9..06098bca 100644
--- a/packages/common/style/var.less
+++ b/packages/common/style/var.less
@@ -199,6 +199,15 @@
 @field-error-message-text-font-size: @font-size-sm;
 @field-text-area-min-height: 18px;
 
+// GoodsAction
+@goods-action-background-color: @white;
+@goods-action-icon-height: 50px;
+@goods-action-icon-font-size: @font-size-xs;
+@goods-action-icon-text-color: @gray-darker;
+@goods-action-button-height: 40px;
+@goods-action-button-warning-color: @gradient-orange;
+@goods-action-button-danger-color: @gradient-red;
+
 // Image
 @image-placeholder-text-color: @gray-dark;
 @image-placeholder-font-size: @font-size-md;
diff --git a/packages/goods-action-button/index.less b/packages/goods-action-button/index.less
index bf725cd0..a6a8c9d4 100644
--- a/packages/goods-action-button/index.less
+++ b/packages/goods-action-button/index.less
@@ -6,31 +6,31 @@
 }
 
 .van-goods-action-button {
-  height: 40px !important;
-  font-weight: 500 !important;
-  line-height: 40px !important;
   border: none !important;
+  .theme(height, '@goods-action-button-height') !important;
+  .theme(font-weight, '@font-weight-bold') !important;
+  .theme(line-height, '@goods-action-button-height') !important;
 
   &--first {
     display: block !important;
     margin-left: 5px;
-    border-top-left-radius: 20px !important;
-    border-bottom-left-radius: 20px !important;
+    .theme(border-top-left-radius, '@goods-action-button-height / 2') !important;
+    .theme(border-bottom-left-radius, '@goods-action-button-height / 2') !important;
   }
 
   &--last {
     display: block !important;
     margin-right: 5px;
-    border-top-right-radius: 20px !important;
-    border-bottom-right-radius: 20px !important;
+    .theme(border-top-right-radius, '@goods-action-button-height / 2') !important;
+    .theme(border-bottom-right-radius, '@goods-action-button-height / 2') !important;
   }
 
   &--warning {
-    background: linear-gradient(to right, #ffd01e, #ff8917);
+    .theme(background, '@goods-action-button-warning-color');
   }
 
   &--danger {
-    background: linear-gradient(to right, #ff6034, #ee0a24);
+    .theme(background, '@goods-action-button-danger-color');
   }
 
   @media (max-width: 321px) {
diff --git a/packages/goods-action-icon/index.less b/packages/goods-action-icon/index.less
index 71aa2c39..edfa844e 100644
--- a/packages/goods-action-icon/index.less
+++ b/packages/goods-action-icon/index.less
@@ -2,17 +2,17 @@
 @import '../common/style/theme.less';
 
 .van-goods-action-icon {
-  width: 50px !important;
   border: none !important;
+  .theme(width, '@goods-action-icon-height') !important;
 
   &__content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;
-    font-size: 10px;
     line-height: 1;
-    .theme(color, '@gray-darker');
+    .theme(font-size, '@goods-action-icon-font-size');
+    .theme(color, '@goods-action-icon-text-color');
   }
 
   &__icon {
diff --git a/packages/goods-action/index.less b/packages/goods-action/index.less
index 5467bc6c..a0f33438 100644
--- a/packages/goods-action/index.less
+++ b/packages/goods-action/index.less
@@ -8,7 +8,7 @@
   left: 0;
   display: flex;
   align-items: center;
-  .theme(background-color, '@white');
+  .theme(background-color, '@goods-action-background-color');
 
   &--safe {
     padding-bottom: constant(safe-area-inset-bottom);