From f645d649003a3b10a71ad1096044c0830d63792e Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Thu, 21 Mar 2019 15:08:39 +0800
Subject: [PATCH] [improvement] optimize active color (#3026)

---
 docs/markdown/theme.en-US.md    | 2 +-
 docs/markdown/theme.zh-CN.md    | 2 +-
 packages/button/index.less      | 2 +-
 packages/stepper/demo/index.vue | 2 ++
 packages/stepper/index.less     | 2 +-
 packages/style/var.less         | 7 ++++---
 6 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/docs/markdown/theme.en-US.md b/docs/markdown/theme.en-US.md
index 912ffa2cb..de001d06c 100644
--- a/docs/markdown/theme.en-US.md
+++ b/docs/markdown/theme.en-US.md
@@ -26,7 +26,7 @@ There are some basic variables below, all available variables could be found in
 // default colors
 @text-color: #323233;
 @border-color: #ebedf0;
-@active-color: #e8e8e8;
+@active-color: #f2f3f5;
 @background-color: #f8f8f8;
 @background-color-light: #fafafa;
 ```
diff --git a/docs/markdown/theme.zh-CN.md b/docs/markdown/theme.zh-CN.md
index 05957648e..4a153a54d 100644
--- a/docs/markdown/theme.zh-CN.md
+++ b/docs/markdown/theme.zh-CN.md
@@ -30,7 +30,7 @@ Vant 使用了 [Less](http://lesscss.org/) 对样式进行预处理，并内置
 // default colors
 @text-color: #323233;
 @border-color: #ebedf0;
-@active-color: #e8e8e8;
+@active-color: #f2f3f5;
 @background-color: #f8f8f8;
 @background-color-light: #fafafa;
 ```
diff --git a/packages/button/index.less b/packages/button/index.less
index 02bb5c2af..f1acbe5bf 100644
--- a/packages/button/index.less
+++ b/packages/button/index.less
@@ -29,7 +29,7 @@
   }
 
   &:active::before {
-    opacity: .15;
+    opacity: .1;
   }
 
   &--loading,
diff --git a/packages/stepper/demo/index.vue b/packages/stepper/demo/index.vue
index 757a5a3be..3b20351aa 100644
--- a/packages/stepper/demo/index.vue
+++ b/packages/stepper/demo/index.vue
@@ -63,6 +63,8 @@ export default {
 
 <style lang="less">
 .demo-stepper {
+  background-color: #fff;
+
   .van-stepper {
     margin-left: 15px;
   }
diff --git a/packages/stepper/index.less b/packages/stepper/index.less
index 2e58d6e1b..e07c792ae 100644
--- a/packages/stepper/index.less
+++ b/packages/stepper/index.less
@@ -38,7 +38,7 @@
     }
 
     &:active {
-      background-color: @active-color;
+      background-color: @stepper-active-color;
     }
 
     &--disabled {
diff --git a/packages/style/var.less b/packages/style/var.less
index 4d45f5797..5e916f00c 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -15,7 +15,7 @@
 // Default colors
 @text-color: #323233;
 @border-color: #ebedf0;
-@active-color: #e8e8e8;
+@active-color: #f2f3f5;
 @background-color: #f8f8f8;
 @background-color-light: #fafafa;
 
@@ -153,7 +153,8 @@
 @search-background-color: #f7f8fA;
 
 // Stepper
-@stepper-background-color: #f2f3f5;
+@stepper-active-color: #e8e8e8;
+@stepper-background-color: @active-color;
 @stepper-button-disabled-color: #f7f8fa;
+@stepper-input-disabled-color: @active-color;
 @stepper-border-radius: 4px;
-@stepper-input-disabled-color: #f2f3f5;