[Doc] update neutral color variables (#2130)

docs/markdown/theme.en-US.md

@@ -20,12 +20,12 @@ There are some basic variables below, all available variables could be found in
 @green: #4b0;
 @gray: #c9c9c9;
 @gray-light: #e5e5e5;
-@gray-darker: #666;
-@gray-dark: #999;
+@gray-darker: #7d7e80;
+@gray-dark: #969799;
 
 // default colors
-@text-color: #333;
-@border-color: #eee;
+@text-color: #323233;
+@border-color: #ebedf0;
 @active-color: #e8e8e8;
 @background-color: #f8f8f8;
 @background-color-light: #fafafa;

docs/markdown/theme.zh-CN.md

@@ -24,12 +24,12 @@ Vant 使用了 [Less](http://lesscss.org/) 对样式进行预处理，并内置
 @green: #4b0;
 @gray: #c9c9c9;
 @gray-light: #e5e5e5;
-@gray-darker: #666;
-@gray-dark: #999;
+@gray-darker: #7d7e80;
+@gray-dark: #969799;
 
 // default colors
-@text-color: #333;
-@border-color: #eee;
+@text-color: #323233;
+@border-color: #ebedf0;
 @active-color: #e8e8e8;
 @background-color: #f8f8f8;
 @background-color-light: #fafafa;

docs/src/WapApp.vue

@@ -43,9 +43,11 @@ export default {
 </script>
 
 <style lang="less">
+@import '../../packages/style/var';
+
 body {
-  color: #333;
   line-height: 1;
+  color: @text-color;
   background-color: #fafafa;
   font-family: 'PingFang SC', Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;

docs/src/components/DemoList.vue

@@ -128,7 +128,7 @@ export default {
     display: inline-block;
 
     &.active {
-      color: #fff;
+      color: @white;
       background-color: @blue;
     }
   }