From cb2d99c8cf7abde3e08df79085f13a21c47c9bc7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Jan 2022 10:14:45 +0800
Subject: [PATCH] style(Card): improve card mode style

---
 packages/vant/src/card/README.md       | 6 +++---
 packages/vant/src/card/README.zh-CN.md | 6 +++---
 packages/vant/src/card/index.less      | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/vant/src/card/README.md b/packages/vant/src/card/README.md
index bf12a7de4..54b84e1b4 100644
--- a/packages/vant/src/card/README.md
+++ b/packages/vant/src/card/README.md
@@ -127,13 +127,13 @@ The component provides the following CSS variables, which can be used to customi
 | --van-card-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
 | --van-card-font-size | _var(--van-font-size-sm)_ | - |
 | --van-card-text-color | _var(--van-text-color)_ | - |
-| --van-card-background | _var(--van-gray-1)_ | - |
+| --van-card-background | _var(--van-background)_ | - |
 | --van-card-thumb-size | _88px_ | - |
 | --van-card-thumb-radius | _var(--van-radius-lg)_ | - |
 | --van-card-title-line-height | _16px_ | - |
-| --van-card-desc-color | _var(--van-gray-7)_ | - |
+| --van-card-desc-color | _var(--van-text-color-2)_ | - |
 | --van-card-desc-line-height | _var(--van-line-height-md)_ | - |
-| --van-card-price-color | _var(--van-gray-8)_ | - |
+| --van-card-price-color | _var(--van-text-color)_ | - |
 | --van-card-origin-price-color | _var(--van-text-color-2)_ | - |
 | --van-card-num-color | _var(--van-text-color-2)_ | - |
 | --van-card-origin-price-font-size | _var(--van-font-size-xs)_ | - |
diff --git a/packages/vant/src/card/README.zh-CN.md b/packages/vant/src/card/README.zh-CN.md
index a0a017812..4d8b0d5fc 100644
--- a/packages/vant/src/card/README.zh-CN.md
+++ b/packages/vant/src/card/README.zh-CN.md
@@ -129,13 +129,13 @@ import type { CardProps } from 'vant';
 | --van-card-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - |
 | --van-card-font-size | _var(--van-font-size-sm)_ | - |
 | --van-card-text-color | _var(--van-text-color)_ | - |
-| --van-card-background | _var(--van-gray-1)_ | - |
+| --van-card-background | _var(--van-background)_ | - |
 | --van-card-thumb-size | _88px_ | - |
 | --van-card-thumb-radius | _var(--van-radius-lg)_ | - |
 | --van-card-title-line-height | _16px_ | - |
-| --van-card-desc-color | _var(--van-gray-7)_ | - |
+| --van-card-desc-color | _var(--van-text-color-2)_ | - |
 | --van-card-desc-line-height | _var(--van-line-height-md)_ | - |
-| --van-card-price-color | _var(--van-gray-8)_ | - |
+| --van-card-price-color | _var(--van-text-color)_ | - |
 | --van-card-origin-price-color | _var(--van-text-color-2)_ | - |
 | --van-card-num-color | _var(--van-text-color-2)_ | - |
 | --van-card-origin-price-font-size | _var(--van-font-size-xs)_ | - |
diff --git a/packages/vant/src/card/index.less b/packages/vant/src/card/index.less
index 2580c1315..863edef34 100644
--- a/packages/vant/src/card/index.less
+++ b/packages/vant/src/card/index.less
@@ -2,13 +2,13 @@ body {
   --van-card-padding: var(--van-padding-xs) var(--van-padding-md);
   --van-card-font-size: var(--van-font-size-sm);
   --van-card-text-color: var(--van-text-color);
-  --van-card-background: var(--van-gray-1);
+  --van-card-background: var(--van-background);
   --van-card-thumb-size: 88px;
   --van-card-thumb-radius: var(--van-radius-lg);
   --van-card-title-line-height: 16px;
-  --van-card-desc-color: var(--van-gray-7);
+  --van-card-desc-color: var(--van-text-color-2);
   --van-card-desc-line-height: var(--van-line-height-md);
-  --van-card-price-color: var(--van-gray-8);
+  --van-card-price-color: var(--van-text-color);
   --van-card-origin-price-color: var(--van-text-color-2);
   --van-card-num-color: var(--van-text-color-2);
   --van-card-origin-price-font-size: var(--van-font-size-xs);