diff --git a/packages/common/style/var.less b/packages/common/style/var.less
index 3eeb9d4b..0f57a86d 100644
--- a/packages/common/style/var.less
+++ b/packages/common/style/var.less
@@ -222,6 +222,11 @@
 // Overlay
 @overlay-background-color: rgba(0, 0, 0, 0.7);
 
+// Panel
+@panel-background-color: @white;
+@panel-header-value-color: @red;
+@panel-footer-padding: @padding-xs @padding-md;
+
 // Popup
 @popup-round-border-radius: 20px;
 @popup-close-icon-size: 18px;
diff --git a/packages/panel/index.less b/packages/panel/index.less
index db195868..09a31717 100644
--- a/packages/panel/index.less
+++ b/packages/panel/index.less
@@ -2,13 +2,13 @@
 @import '../common/style/theme.less';
 
 .van-panel {
-  .theme(background, '@white');
+  .theme(background, '@panel-background-color');
 
   &__header-value {
-    .theme(color, '@red');
+    .theme(color, '@panel-header-value-color');
   }
 
   &__footer {
-    padding: 10px 15px;
+    .theme(padding,'@panel-footer-padding');
   }
 }