From 1607079f9f990c85f76a909e72eb193e6c92cd65 Mon Sep 17 00:00:00 2001 From: neverland Date: Wed, 3 Nov 2021 17:35:37 +0800 Subject: [PATCH] style: rename some unreleased css vars (#9786) --- packages/vant/src/action-sheet/README.md | 6 +-- .../vant/src/action-sheet/README.zh-CN.md | 6 +-- packages/vant/src/action-sheet/var.less | 6 +-- packages/vant/src/address-list/README.md | 4 +- .../vant/src/address-list/README.zh-CN.md | 4 +- packages/vant/src/address-list/var.less | 4 +- packages/vant/src/calendar/README.md | 2 +- packages/vant/src/calendar/README.zh-CN.md | 2 +- packages/vant/src/calendar/var.less | 2 +- packages/vant/src/card/README.md | 4 +- packages/vant/src/card/README.zh-CN.md | 4 +- packages/vant/src/card/var.less | 4 +- packages/vant/src/cascader/README.md | 2 +- packages/vant/src/cascader/README.zh-CN.md | 30 ++++++------- packages/vant/src/cascader/var.less | 4 +- packages/vant/src/cell-group/var.less | 2 +- packages/vant/src/cell/README.md | 6 +-- packages/vant/src/cell/README.zh-CN.md | 6 +-- packages/vant/src/cell/var.less | 4 +- packages/vant/src/checkbox/README.md | 2 +- packages/vant/src/checkbox/README.zh-CN.md | 2 +- packages/vant/src/checkbox/var.less | 2 +- packages/vant/src/collapse-item/var.less | 4 +- packages/vant/src/collapse/README.md | 4 +- packages/vant/src/collapse/README.zh-CN.md | 4 +- packages/vant/src/config-provider/README.md | 4 +- .../vant/src/config-provider/README.zh-CN.md | 4 +- packages/vant/src/coupon-list/README.md | 4 +- packages/vant/src/coupon-list/README.zh-CN.md | 4 +- packages/vant/src/coupon-list/index.less | 2 +- packages/vant/src/coupon-list/var.less | 2 +- packages/vant/src/coupon/var.less | 2 +- packages/vant/src/divider/README.md | 20 ++++----- packages/vant/src/divider/README.zh-CN.md | 20 ++++----- packages/vant/src/divider/var.less | 2 +- packages/vant/src/dropdown-menu/README.md | 2 +- .../vant/src/dropdown-menu/README.zh-CN.md | 2 +- packages/vant/src/dropdown-menu/var.less | 2 +- packages/vant/src/empty/README.md | 2 +- packages/vant/src/empty/README.zh-CN.md | 20 ++++----- packages/vant/src/empty/var.less | 2 +- packages/vant/src/field/README.md | 6 +-- packages/vant/src/field/README.zh-CN.md | 42 +++++++++---------- packages/vant/src/field/var.less | 6 +-- packages/vant/src/image/README.md | 2 +- packages/vant/src/image/README.zh-CN.md | 2 +- packages/vant/src/image/var.less | 2 +- packages/vant/src/list/README.md | 12 +++--- packages/vant/src/list/README.zh-CN.md | 12 +++--- packages/vant/src/list/var.less | 2 +- packages/vant/src/loading/README.md | 2 +- packages/vant/src/loading/README.zh-CN.md | 14 +++---- packages/vant/src/loading/var.less | 2 +- packages/vant/src/password-input/README.md | 2 +- .../vant/src/password-input/README.zh-CN.md | 2 +- packages/vant/src/password-input/var.less | 2 +- packages/vant/src/picker/README.md | 2 +- packages/vant/src/picker/README.zh-CN.md | 2 +- packages/vant/src/picker/var.less | 2 +- packages/vant/src/popover/README.md | 4 +- packages/vant/src/popover/README.zh-CN.md | 4 +- packages/vant/src/popover/var.less | 4 +- packages/vant/src/pull-refresh/README.md | 2 +- .../vant/src/pull-refresh/README.zh-CN.md | 12 +++--- packages/vant/src/pull-refresh/var.less | 2 +- packages/vant/src/radio/README.md | 2 +- packages/vant/src/radio/README.zh-CN.md | 2 +- packages/vant/src/radio/var.less | 2 +- packages/vant/src/share-sheet/README.md | 4 +- packages/vant/src/share-sheet/README.zh-CN.md | 4 +- packages/vant/src/share-sheet/var.less | 4 +- packages/vant/src/sidebar-item/var.less | 2 +- packages/vant/src/sidebar/README.md | 2 +- packages/vant/src/sidebar/README.zh-CN.md | 2 +- packages/vant/src/sidebar/demo/index.vue | 2 +- packages/vant/src/step/var.less | 2 +- packages/vant/src/stepper/README.md | 2 +- packages/vant/src/stepper/README.zh-CN.md | 2 +- packages/vant/src/stepper/var.less | 2 +- packages/vant/src/steps/README.md | 2 +- packages/vant/src/steps/README.zh-CN.md | 2 +- packages/vant/src/style/css-variables.less | 4 +- packages/vant/src/style/var.less | 4 +- packages/vant/src/tab/README.md | 2 +- packages/vant/src/tab/README.zh-CN.md | 2 +- packages/vant/src/tabs/var.less | 2 +- packages/vant/src/uploader/README.md | 2 +- packages/vant/src/uploader/README.zh-CN.md | 2 +- packages/vant/src/uploader/var.less | 2 +- 89 files changed, 208 insertions(+), 208 deletions(-) diff --git a/packages/vant/src/action-sheet/README.md b/packages/vant/src/action-sheet/README.md index 2b5010e0d..81f75d4d5 100644 --- a/packages/vant/src/action-sheet/README.md +++ b/packages/vant/src/action-sheet/README.md @@ -243,15 +243,15 @@ The component provides the following CSS variables, which can be used to customi | --van-action-sheet-max-height | _80%_ | - | | --van-action-sheet-header-height | _48px_ | - | | --van-action-sheet-header-font-size | _var(--van-font-size-lg)_ | - | -| --van-action-sheet-description-color | _var(--van-text-color-secondary)_ | - | +| --van-action-sheet-description-color | _var(--van-text-color-2)_ | - | | --van-action-sheet-description-font-size | _var(--van-font-size-md)_ | - | | --van-action-sheet-description-line-height | _var(--van-line-height-md)_ | - | | --van-action-sheet-item-background | _var(--van-background-color-light)_ | - | | --van-action-sheet-item-font-size | _var(--van-font-size-lg)_ | - | | --van-action-sheet-item-line-height | _var(--van-line-height-lg)_ | - | | --van-action-sheet-item-text-color | _var(--van-text-color)_ | - | -| --van-action-sheet-item-disabled-text-color | _var(--van-text-color-tertiary)_ | - | -| --van-action-sheet-subname-color | _var(--van-text-color-secondary)_ | - | +| --van-action-sheet-item-disabled-text-color | _var(--van-text-color-3)_ | - | +| --van-action-sheet-subname-color | _var(--van-text-color-2)_ | - | | --van-action-sheet-subname-font-size | _var(--van-font-size-sm)_ | - | | --van-action-sheet-subname-line-height | _var(--van-line-height-sm)_ | - | | --van-action-sheet-close-icon-size | _22px_ | - | diff --git a/packages/vant/src/action-sheet/README.zh-CN.md b/packages/vant/src/action-sheet/README.zh-CN.md index 7d4712154..423ac36ed 100644 --- a/packages/vant/src/action-sheet/README.zh-CN.md +++ b/packages/vant/src/action-sheet/README.zh-CN.md @@ -255,15 +255,15 @@ import type { ActionSheetProps, ActionSheetAction } from 'vant'; | --van-action-sheet-max-height | _80%_ | - | | --van-action-sheet-header-height | _48px_ | - | | --van-action-sheet-header-font-size | _var(--van-font-size-lg)_ | - | -| --van-action-sheet-description-color | _var(--van-text-color-secondary)_ | - | +| --van-action-sheet-description-color | _var(--van-text-color-2)_ | - | | --van-action-sheet-description-font-size | _var(--van-font-size-md)_ | - | | --van-action-sheet-description-line-height | _var(--van-line-height-md)_ | - | | --van-action-sheet-item-background | _var(--van-background-color-light)_ | - | | --van-action-sheet-item-font-size | _var(--van-font-size-lg)_ | - | | --van-action-sheet-item-line-height | _var(--van-line-height-lg)_ | - | | --van-action-sheet-item-text-color | _var(--van-text-color)_ | - | -| --van-action-sheet-item-disabled-text-color | _var(--van-text-color-tertiary)_ | - | -| --van-action-sheet-subname-color | _var(--van-text-color-secondary)_ | - | +| --van-action-sheet-item-disabled-text-color | _var(--van-text-color-3)_ | - | +| --van-action-sheet-subname-color | _var(--van-text-color-2)_ | - | | --van-action-sheet-subname-font-size | _var(--van-font-size-sm)_ | - | | --van-action-sheet-subname-line-height | _var(--van-line-height-sm)_ | - | | --van-action-sheet-close-icon-size | _22px_ | - | diff --git a/packages/vant/src/action-sheet/var.less b/packages/vant/src/action-sheet/var.less index 8dd9a0682..2ff9eeee8 100644 --- a/packages/vant/src/action-sheet/var.less +++ b/packages/vant/src/action-sheet/var.less @@ -3,15 +3,15 @@ @action-sheet-max-height: 80%; @action-sheet-header-height: 48px; @action-sheet-header-font-size: var(--van-font-size-lg); -@action-sheet-description-color: var(--van-text-color-secondary); +@action-sheet-description-color: var(--van-text-color-2); @action-sheet-description-font-size: var(--van-font-size-md); @action-sheet-description-line-height: var(--van-line-height-md); @action-sheet-item-background: var(--van-background-color-light); @action-sheet-item-font-size: var(--van-font-size-lg); @action-sheet-item-line-height: var(--van-line-height-lg); @action-sheet-item-text-color: var(--van-text-color); -@action-sheet-item-disabled-text-color: var(--van-text-color-tertiary); -@action-sheet-subname-color: var(--van-text-color-secondary); +@action-sheet-item-disabled-text-color: var(--van-text-color-3); +@action-sheet-subname-color: var(--van-text-color-2); @action-sheet-subname-font-size: var(--van-font-size-sm); @action-sheet-subname-line-height: var(--van-line-height-sm); @action-sheet-close-icon-size: 22px; diff --git a/packages/vant/src/address-list/README.md b/packages/vant/src/address-list/README.md index d1e3ee974..5ff7e12a3 100644 --- a/packages/vant/src/address-list/README.md +++ b/packages/vant/src/address-list/README.md @@ -138,14 +138,14 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | | --van-address-list-padding | _var(--van-padding-sm) var(--van-padding-sm) 80px_ | - | -| --van-address-list-disabled-text-color | _var(--van-text-color-secondary)_ | - | +| --van-address-list-disabled-text-color | _var(--van-text-color-2)_ | - | | --van-address-list-disabled-text-padding | _var(--van-padding-base) \* 5 0 var(--van-padding-md)_ | - | | --van-address-list-disabled-text-font-size | _var(--van-font-size-md)_ | - | | --van-address-list-disabled-text-line-height | _var(--van-line-height-md)_ | - | | --van-address-list-add-button-z-index | _999_ | - | | --van-address-list-item-padding | _var(--van-padding-sm)_ | - | | --van-address-list-item-text-color | _var(--van-text-color)_ | - | -| --van-address-list-item-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-address-list-item-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-address-list-item-font-size | _13px_ | - | | --van-address-list-item-line-height | _var(--van-line-height-sm)_ | - | | --van-address-list-item-radio-icon-color | _var(--van-danger-color)_ | - | diff --git a/packages/vant/src/address-list/README.zh-CN.md b/packages/vant/src/address-list/README.zh-CN.md index 458f019b3..ca60c779e 100644 --- a/packages/vant/src/address-list/README.zh-CN.md +++ b/packages/vant/src/address-list/README.zh-CN.md @@ -138,14 +138,14 @@ import type { AddressListProps, AddressListAddress } from 'vant'; | 名称 | 默认值 | 描述 | | --- | --- | --- | | --van-address-list-padding | _var(--van-padding-sm) var(--van-padding-sm) 80px_ | - | -| --van-address-list-disabled-text-color | _var(--van-text-color-secondary)_ | - | +| --van-address-list-disabled-text-color | _var(--van-text-color-2)_ | - | | --van-address-list-disabled-text-padding | _var(--van-padding-base) \* 5 0 var(--van-padding-md)_ | - | | --van-address-list-disabled-text-font-size | _var(--van-font-size-md)_ | - | | --van-address-list-disabled-text-line-height | _var(--van-line-height-md)_ | - | | --van-address-list-add-button-z-index | _999_ | - | | --van-address-list-item-padding | _var(--van-padding-sm)_ | - | | --van-address-list-item-text-color | _var(--van-text-color)_ | - | -| --van-address-list-item-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-address-list-item-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-address-list-item-font-size | _13px_ | - | | --van-address-list-item-line-height | _var(--van-line-height-sm)_ | - | | --van-address-list-item-radio-icon-color | _var(--van-danger-color)_ | - | diff --git a/packages/vant/src/address-list/var.less b/packages/vant/src/address-list/var.less index 5ba5596b2..504d203fe 100644 --- a/packages/vant/src/address-list/var.less +++ b/packages/vant/src/address-list/var.less @@ -1,7 +1,7 @@ @import '../style/var.less'; @address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px; -@address-list-disabled-text-color: var(--van-text-color-secondary); +@address-list-disabled-text-color: var(--van-text-color-2); @address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0 var(--van-padding-md); @address-list-disabled-text-font-size: var(--van-font-size-md); @@ -9,7 +9,7 @@ @address-list-add-button-z-index: 999; @address-list-item-padding: var(--van-padding-sm); @address-list-item-text-color: var(--van-text-color); -@address-list-item-disabled-text-color: var(--van-text-color-tertiary); +@address-list-item-disabled-text-color: var(--van-text-color-3); @address-list-item-font-size: 13px; @address-list-item-line-height: var(--van-line-height-sm); @address-list-item-radio-icon-color: var(--van-danger-color); diff --git a/packages/vant/src/calendar/README.md b/packages/vant/src/calendar/README.md index 0693c06d9..699bb5376 100644 --- a/packages/vant/src/calendar/README.md +++ b/packages/vant/src/calendar/README.md @@ -403,6 +403,6 @@ The component provides the following CSS variables, which can be used to customi | --van-calendar-info-font-size | _var(--van-font-size-xs)_ | - | | --van-calendar-info-line-height | _var(--van-line-height-xs)_ | - | | --van-calendar-selected-day-background-color | _var(--van-danger-color)_ | - | -| --van-calendar-day-disabled-color | _var(--van-text-color-tertiary)_ | - | +| --van-calendar-day-disabled-color | _var(--van-text-color-3)_ | - | | --van-calendar-confirm-button-height | _36px_ | - | | --van-calendar-confirm-button-margin | _7px 0_ | - | diff --git a/packages/vant/src/calendar/README.zh-CN.md b/packages/vant/src/calendar/README.zh-CN.md index dd2a10e2a..556a18cc4 100644 --- a/packages/vant/src/calendar/README.zh-CN.md +++ b/packages/vant/src/calendar/README.zh-CN.md @@ -409,7 +409,7 @@ calendarRef.value?.reset(); | --van-calendar-info-font-size | _var(--van-font-size-xs)_ | - | | --van-calendar-info-line-height | _var(--van-line-height-xs)_ | - | | --van-calendar-selected-day-background-color | _var(--van-danger-color)_ | - | -| --van-calendar-day-disabled-color | _var(--van-text-color-tertiary)_ | - | +| --van-calendar-day-disabled-color | _var(--van-text-color-3)_ | - | | --van-calendar-confirm-button-height | _36px_ | - | | --van-calendar-confirm-button-margin | _7px 0_ | - | diff --git a/packages/vant/src/calendar/var.less b/packages/vant/src/calendar/var.less index 6bbf24d55..540cd2be5 100644 --- a/packages/vant/src/calendar/var.less +++ b/packages/vant/src/calendar/var.less @@ -22,6 +22,6 @@ @calendar-info-font-size: var(--van-font-size-xs); @calendar-info-line-height: var(--van-line-height-xs); @calendar-selected-day-background-color: var(--van-danger-color); -@calendar-day-disabled-color: var(--van-text-color-tertiary); +@calendar-day-disabled-color: var(--van-text-color-3); @calendar-confirm-button-height: 36px; @calendar-confirm-button-margin: 7px 0; diff --git a/packages/vant/src/card/README.md b/packages/vant/src/card/README.md index 1fffd2611..5c1e9aef5 100644 --- a/packages/vant/src/card/README.md +++ b/packages/vant/src/card/README.md @@ -134,8 +134,8 @@ The component provides the following CSS variables, which can be used to customi | --van-card-desc-color | _var(--van-gray-7)_ | - | | --van-card-desc-line-height | _var(--van-line-height-md)_ | - | | --van-card-price-color | _var(--van-gray-8)_ | - | -| --van-card-origin-price-color | _var(--van-text-color-secondary)_ | - | -| --van-card-num-color | _var(--van-text-color-secondary)_ | - | +| --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)_ | - | | --van-card-price-font-size | _var(--van-font-size-sm)_ | - | | --van-card-price-integer-font-size | _var(--van-font-size-lg)_ | - | diff --git a/packages/vant/src/card/README.zh-CN.md b/packages/vant/src/card/README.zh-CN.md index 791a72102..56f2b6dae 100644 --- a/packages/vant/src/card/README.zh-CN.md +++ b/packages/vant/src/card/README.zh-CN.md @@ -136,8 +136,8 @@ import type { CardProps } from 'vant'; | --van-card-desc-color | _var(--van-gray-7)_ | - | | --van-card-desc-line-height | _var(--van-line-height-md)_ | - | | --van-card-price-color | _var(--van-gray-8)_ | - | -| --van-card-origin-price-color | _var(--van-text-color-secondary)_ | - | -| --van-card-num-color | _var(--van-text-color-secondary)_ | - | +| --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)_ | - | | --van-card-price-font-size | _var(--van-font-size-sm)_ | - | | --van-card-price-integer-font-size | _var(--van-font-size-lg)_ | - | diff --git a/packages/vant/src/card/var.less b/packages/vant/src/card/var.less index f698cfeee..e24fda8af 100644 --- a/packages/vant/src/card/var.less +++ b/packages/vant/src/card/var.less @@ -10,8 +10,8 @@ @card-desc-color: var(--van-gray-7); @card-desc-line-height: var(--van-line-height-md); @card-price-color: var(--van-gray-8); -@card-origin-price-color: var(--van-text-color-secondary); -@card-num-color: var(--van-text-color-secondary); +@card-origin-price-color: var(--van-text-color-2); +@card-num-color: var(--van-text-color-2); @card-origin-price-font-size: var(--van-font-size-xs); @card-price-font-size: var(--van-font-size-sm); @card-price-integer-font-size: var(--van-font-size-lg); diff --git a/packages/vant/src/cascader/README.md b/packages/vant/src/cascader/README.md index b13b16450..6f1c66cd0 100644 --- a/packages/vant/src/cascader/README.md +++ b/packages/vant/src/cascader/README.md @@ -311,4 +311,4 @@ The component provides the following CSS variables, which can be used to customi | --van-cascader-active-color | _var(--van-danger-color)_ | - | | --van-cascader-options-height | _384px_ | - | | --van-cascader-tab-color | _var(--van-text-color)_ | - | -| --van-cascader-unselected-tab-color | _var(--van-text-color-secondary)_ | - | +| --van-cascader-unselected-tab-color | _var(--van-text-color-2)_ | - | diff --git a/packages/vant/src/cascader/README.zh-CN.md b/packages/vant/src/cascader/README.zh-CN.md index 196ee7d9d..e1353bf5e 100644 --- a/packages/vant/src/cascader/README.zh-CN.md +++ b/packages/vant/src/cascader/README.zh-CN.md @@ -310,18 +310,18 @@ import type { CascaderProps, CascaderOption, CascaderFieldNames } from 'vant'; 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-cascader-header-height | _48px_ | - | -| --van-cascader-header-padding | _0 var(--van-padding-md)_ | - | -| --van-cascader-title-font-size | _var(--van-font-size-lg)_ | - | -| --van-cascader-title-line-height | _20px_ | - | -| --van-cascader-close-icon-size | _22px_ | - | -| --van-cascader-close-icon-color | _var(--van-gray-5)_ | - | -| --van-cascader-selected-icon-size | _18px_ | - | -| --van-cascader-tabs-height | _48px_ | - | -| --van-cascader-active-color | _var(--van-danger-color)_ | - | -| --van-cascader-options-height | _384px_ | - | -| --van-cascader-option-disabled-color | _var(--van-text-color-tertiary)_ | - | -| --van-cascader-tab-color | _var(--van-text-color)_ | - | -| --van-cascader-unselected-tab-color | _var(--van-text-color-secondary)_ | - | +| 名称 | 默认值 | 描述 | +| ------------------------------------ | ------------------------- | ---- | +| --van-cascader-header-height | _48px_ | - | +| --van-cascader-header-padding | _0 var(--van-padding-md)_ | - | +| --van-cascader-title-font-size | _var(--van-font-size-lg)_ | - | +| --van-cascader-title-line-height | _20px_ | - | +| --van-cascader-close-icon-size | _22px_ | - | +| --van-cascader-close-icon-color | _var(--van-gray-5)_ | - | +| --van-cascader-selected-icon-size | _18px_ | - | +| --van-cascader-tabs-height | _48px_ | - | +| --van-cascader-active-color | _var(--van-danger-color)_ | - | +| --van-cascader-options-height | _384px_ | - | +| --van-cascader-option-disabled-color | _var(--van-text-color-3)_ | - | +| --van-cascader-tab-color | _var(--van-text-color)_ | - | +| --van-cascader-unselected-tab-color | _var(--van-text-color-2)_ | - | diff --git a/packages/vant/src/cascader/var.less b/packages/vant/src/cascader/var.less index ae325cd5a..e40ed83e6 100644 --- a/packages/vant/src/cascader/var.less +++ b/packages/vant/src/cascader/var.less @@ -10,6 +10,6 @@ @cascader-tabs-height: 48px; @cascader-active-color: var(--van-danger-color); @cascader-options-height: 384px; -@cascader-option-disabled-color: var(--van-text-color-tertiary); +@cascader-option-disabled-color: var(--van-text-color-3); @cascader-tab-color: var(--van-text-color); -@cascader-unselected-tab-color: var(--van-text-color-secondary); +@cascader-unselected-tab-color: var(--van-text-color-2); diff --git a/packages/vant/src/cell-group/var.less b/packages/vant/src/cell-group/var.less index 74e0a3d62..e07416e89 100644 --- a/packages/vant/src/cell-group/var.less +++ b/packages/vant/src/cell-group/var.less @@ -1,7 +1,7 @@ @import '../style/var.less'; @cell-group-background-color: var(--van-background-color-light); -@cell-group-title-color: var(--van-text-color-secondary); +@cell-group-title-color: var(--van-text-color-2); @cell-group-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs); @cell-group-title-font-size: var(--van-font-size-md); diff --git a/packages/vant/src/cell/README.md b/packages/vant/src/cell/README.md index 20dd4c7f3..555b60b65 100644 --- a/packages/vant/src/cell/README.md +++ b/packages/vant/src/cell/README.md @@ -217,18 +217,18 @@ The component provides the following CSS variables, which can be used to customi | --van-cell-border-color | _var(--van-border-color)_ | - | | --van-cell-active-color | _var(--van-active-color)_ | - | | --van-cell-required-color | _var(--van-danger-color)_ | - | -| --van-cell-label-color | _var(--van-text-color-secondary)_ | - | +| --van-cell-label-color | _var(--van-text-color-2)_ | - | | --van-cell-label-font-size | _var(--van-font-size-sm)_ | - | | --van-cell-label-line-height | _var(--van-line-height-sm)_ | - | | --van-cell-label-margin-top | _var(--van-padding-base)_ | - | -| --van-cell-value-color | _var(--van-text-color-secondary)_ | - | +| --van-cell-value-color | _var(--van-text-color-2)_ | - | | --van-cell-icon-size | _16px_ | - | | --van-cell-right-icon-color | _var(--van-gray-6)_ | - | | --van-cell-large-vertical-padding | _var(--van-padding-sm)_ | - | | --van-cell-large-title-font-size | _var(--van-font-size-lg)_ | - | | --van-cell-large-label-font-size | _var(--van-font-size-md)_ | - | | --van-cell-group-background-color | _var(--van-background-color-light)_ | - | -| --van-cell-group-title-color | _var(--van-text-color-secondary)_ | - | +| --van-cell-group-title-color | _var(--van-text-color-2)_ | - | | --van-cell-group-title-padding | _var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs)_ | - | | --van-cell-group-title-font-size | _var(--van-font-size-md)_ | - | | --van-cell-group-title-line-height | _16px_ | - | diff --git a/packages/vant/src/cell/README.zh-CN.md b/packages/vant/src/cell/README.zh-CN.md index 0834c77ae..191af9cf1 100644 --- a/packages/vant/src/cell/README.zh-CN.md +++ b/packages/vant/src/cell/README.zh-CN.md @@ -222,18 +222,18 @@ import type { CellProps, CellGroupProps, CellArrowDirection } from 'vant'; | --van-cell-border-color | _var(--van-border-color)_ | - | | --van-cell-active-color | _var(--van-active-color)_ | - | | --van-cell-required-color | _var(--van-danger-color)_ | - | -| --van-cell-label-color | _var(--van-text-color-secondary)_ | - | +| --van-cell-label-color | _var(--van-text-color-2)_ | - | | --van-cell-label-font-size | _var(--van-font-size-sm)_ | - | | --van-cell-label-line-height | _var(--van-line-height-sm)_ | - | | --van-cell-label-margin-top | _var(--van-padding-base)_ | - | -| --van-cell-value-color | _var(--van-text-color-secondary)_ | - | +| --van-cell-value-color | _var(--van-text-color-2)_ | - | | --van-cell-icon-size | _16px_ | - | | --van-cell-right-icon-color | _var(--van-gray-6)_ | - | | --van-cell-large-vertical-padding | _var(--van-padding-sm)_ | - | | --van-cell-large-title-font-size | _var(--van-font-size-lg)_ | - | | --van-cell-large-label-font-size | _var(--van-font-size-md)_ | - | | --van-cell-group-background-color | _var(--van-background-color-light)_ | - | -| --van-cell-group-title-color | _var(--van-text-color-secondary)_ | - | +| --van-cell-group-title-color | _var(--van-text-color-2)_ | - | | --van-cell-group-title-padding | _var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs)_ | - | | --van-cell-group-title-font-size | _var(--van-font-size-md)_ | - | | --van-cell-group-title-line-height | _16px_ | - | diff --git a/packages/vant/src/cell/var.less b/packages/vant/src/cell/var.less index 892146a51..fd3194bcb 100644 --- a/packages/vant/src/cell/var.less +++ b/packages/vant/src/cell/var.less @@ -9,11 +9,11 @@ @cell-border-color: var(--van-border-color); @cell-active-color: var(--van-active-color); @cell-required-color: var(--van-danger-color); -@cell-label-color: var(--van-text-color-secondary); +@cell-label-color: var(--van-text-color-2); @cell-label-font-size: var(--van-font-size-sm); @cell-label-line-height: var(--van-line-height-sm); @cell-label-margin-top: var(--van-padding-base); -@cell-value-color: var(--van-text-color-secondary); +@cell-value-color: var(--van-text-color-2); @cell-icon-size: 16px; @cell-right-icon-color: var(--van-gray-6); @cell-large-vertical-padding: var(--van-padding-sm); diff --git a/packages/vant/src/checkbox/README.md b/packages/vant/src/checkbox/README.md index 103b954dd..37cbdee96 100644 --- a/packages/vant/src/checkbox/README.md +++ b/packages/vant/src/checkbox/README.md @@ -372,5 +372,5 @@ The component provides the following CSS variables, which can be used to customi | --van-checkbox-label-color | _var(--van-text-color)_ | - | | --van-checkbox-checked-icon-color | _var(--van-primary-color)_ | - | | --van-checkbox-disabled-icon-color | _var(--van-gray-5)_ | - | -| --van-checkbox-disabled-label-color | _var(--van-text-color-tertiary)_ | - | +| --van-checkbox-disabled-label-color | _var(--van-text-color-3)_ | - | | --van-checkbox-disabled-background-color | _var(--van-border-color)_ | - | diff --git a/packages/vant/src/checkbox/README.zh-CN.md b/packages/vant/src/checkbox/README.zh-CN.md index 6e4e0305e..749ee1b39 100644 --- a/packages/vant/src/checkbox/README.zh-CN.md +++ b/packages/vant/src/checkbox/README.zh-CN.md @@ -390,5 +390,5 @@ checkboxGroupRef.value?.toggleAll(); | --van-checkbox-label-color | _var(--van-text-color)_ | - | | --van-checkbox-checked-icon-color | _var(--van-primary-color)_ | - | | --van-checkbox-disabled-icon-color | _var(--van-gray-5)_ | - | -| --van-checkbox-disabled-label-color | _var(--van-text-color-tertiary)_ | - | +| --van-checkbox-disabled-label-color | _var(--van-text-color-3)_ | - | | --van-checkbox-disabled-background-color | _var(--van-border-color)_ | - | diff --git a/packages/vant/src/checkbox/var.less b/packages/vant/src/checkbox/var.less index 6b51dad06..146aa3ac8 100644 --- a/packages/vant/src/checkbox/var.less +++ b/packages/vant/src/checkbox/var.less @@ -7,5 +7,5 @@ @checkbox-label-color: var(--van-text-color); @checkbox-checked-icon-color: var(--van-primary-color); @checkbox-disabled-icon-color: var(--van-gray-5); -@checkbox-disabled-label-color: var(--van-text-color-tertiary); +@checkbox-disabled-label-color: var(--van-text-color-3); @checkbox-disabled-background-color: var(--van-border-color); diff --git a/packages/vant/src/collapse-item/var.less b/packages/vant/src/collapse-item/var.less index 34987c562..d7582035c 100644 --- a/packages/vant/src/collapse-item/var.less +++ b/packages/vant/src/collapse-item/var.less @@ -4,6 +4,6 @@ @collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md); @collapse-item-content-font-size: var(--van-font-size-md); @collapse-item-content-line-height: 1.5; -@collapse-item-content-text-color: var(--van-text-color-secondary); +@collapse-item-content-text-color: var(--van-text-color-2); @collapse-item-content-background-color: var(--van-background-color-light); -@collapse-item-title-disabled-color: var(--van-text-color-tertiary); +@collapse-item-title-disabled-color: var(--van-text-color-3); diff --git a/packages/vant/src/collapse/README.md b/packages/vant/src/collapse/README.md index bab9fed02..e14068af3 100644 --- a/packages/vant/src/collapse/README.md +++ b/packages/vant/src/collapse/README.md @@ -196,6 +196,6 @@ The component provides the following CSS variables, which can be used to customi | --van-collapse-item-content-padding | _var(--van-padding-sm) var(--van-padding-md)_ | - | | --van-collapse-item-content-font-size | _var(--van-font-size-md)_ | - | | --van-collapse-item-content-line-height | _1.5_ | - | -| --van-collapse-item-content-text-color | _var(--van-text-color-secondary)_ | - | +| --van-collapse-item-content-text-color | _var(--van-text-color-2)_ | - | | --van-collapse-item-content-background-color | _var(--van-background-color-light)_ | - | -| --van-collapse-item-title-disabled-color | _var(--van-text-color-tertiary)_ | - | +| --van-collapse-item-title-disabled-color | _var(--van-text-color-3)_ | - | diff --git a/packages/vant/src/collapse/README.zh-CN.md b/packages/vant/src/collapse/README.zh-CN.md index 680d2d97b..b0dfe0e43 100644 --- a/packages/vant/src/collapse/README.zh-CN.md +++ b/packages/vant/src/collapse/README.zh-CN.md @@ -194,6 +194,6 @@ collapseItemRef.value?.toggle(); | --van-collapse-item-content-padding | _var(--van-padding-sm) var(--van-padding-md)_ | - | | --van-collapse-item-content-font-size | _var(--van-font-size-md)_ | - | | --van-collapse-item-content-line-height | _1.5_ | - | -| --van-collapse-item-content-text-color | _var(--van-text-color-secondary)_ | - | +| --van-collapse-item-content-text-color | _var(--van-text-color-2)_ | - | | --van-collapse-item-content-background-color | _var(--van-background-color-light)_ | - | -| --van-collapse-item-title-disabled-color | _var(--van-text-color-tertiary)_ | - | +| --van-collapse-item-title-disabled-color | _var(--van-text-color-3)_ | - | diff --git a/packages/vant/src/config-provider/README.md b/packages/vant/src/config-provider/README.md index a6a4bb053..d4960ac57 100644 --- a/packages/vant/src/config-provider/README.md +++ b/packages/vant/src/config-provider/README.md @@ -156,8 +156,8 @@ There are all **Basic Variables** below, for component CSS Variables, please ref --van-danger-color: var(--van-red); --van-warning-color: var(--van-orange); --van-text-color: var(--van-gray-8); ---van-text-color-secondary: var(--van-gray-6); ---van-text-color-tertiary: var(--van-gray-5); +--van-text-color-2: var(--van-gray-6); +--van-text-color-3: var(--van-gray-5); --van-text-link-color: #576b95; --van-active-color: var(--van-gray-2); --van-active-opacity: 0.6; diff --git a/packages/vant/src/config-provider/README.zh-CN.md b/packages/vant/src/config-provider/README.zh-CN.md index e72ed3d6e..7abfe3982 100644 --- a/packages/vant/src/config-provider/README.zh-CN.md +++ b/packages/vant/src/config-provider/README.zh-CN.md @@ -158,8 +158,8 @@ Vant 中的 CSS 变量分为 **基础变量** 和 **组件变量**。组件变 --van-danger-color: var(--van-red); --van-warning-color: var(--van-orange); --van-text-color: var(--van-gray-8); ---van-text-color-secondary: var(--van-gray-6); ---van-text-color-tertiary: var(--van-gray-5); +--van-text-color-2: var(--van-gray-6); +--van-text-color-3: var(--van-gray-5); --van-text-link-color: #576b95; --van-active-color: var(--van-gray-2); --van-active-opacity: 0.6; diff --git a/packages/vant/src/coupon-list/README.md b/packages/vant/src/coupon-list/README.md index 092fd4685..daf92e0ba 100644 --- a/packages/vant/src/coupon-list/README.md +++ b/packages/vant/src/coupon-list/README.md @@ -178,7 +178,7 @@ The component provides the following CSS variables, which can be used to customi | --van-coupon-amount-font-size | _30px_ | - | | --van-coupon-currency-font-size | _40%_ | - | | --van-coupon-name-font-size | _var(--van-font-size-md)_ | - | -| --van-coupon-disabled-text-color | _var(--van-text-color-secondary)_ | - | +| --van-coupon-disabled-text-color | _var(--van-text-color-2)_ | - | | --van-coupon-description-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - | | --van-coupon-description-border-color | _var(--van-border-color)_ | - | | --van-coupon-corner-checkbox-icon-color | _var(--van-danger-color)_ | - | @@ -187,7 +187,7 @@ The component provides the following CSS variables, which can be used to customi | --van-coupon-list-exchange-button-height | _32px_ | - | | --van-coupon-list-close-button-height | _40px_ | - | | --van-coupon-list-empty-image-size | _200px_ | - | -| --van-coupon-list-empty-tip-color | _var(--van-text-color-secondary)_ | - | +| --van-coupon-list-empty-tip-color | _var(--van-text-color-2)_ | - | | --van-coupon-list-empty-tip-font-size | _var(--van-font-size-md)_ | - | | --van-coupon-list-empty-tip-line-height | _var(--van-line-height-md)_ | - | | --van-coupon-cell-selected-text-color | _var(--van-text-color)_ | - | diff --git a/packages/vant/src/coupon-list/README.zh-CN.md b/packages/vant/src/coupon-list/README.zh-CN.md index ce256eeb9..422ce06a3 100644 --- a/packages/vant/src/coupon-list/README.zh-CN.md +++ b/packages/vant/src/coupon-list/README.zh-CN.md @@ -180,7 +180,7 @@ import type { CouponCellProps, CouponListProps } from 'vant'; | --van-coupon-amount-font-size | _30px_ | - | | --van-coupon-currency-font-size | _40%_ | - | | --van-coupon-name-font-size | _var(--van-font-size-md)_ | - | -| --van-coupon-disabled-text-color | _var(--van-text-color-secondary)_ | - | +| --van-coupon-disabled-text-color | _var(--van-text-color-2)_ | - | | --van-coupon-description-padding | _var(--van-padding-xs) var(--van-padding-md)_ | - | | --van-coupon-description-border-color | _var(--van-border-color)_ | - | | --van-coupon-corner-checkbox-icon-color | _var(--van-danger-color)_ | - | @@ -189,7 +189,7 @@ import type { CouponCellProps, CouponListProps } from 'vant'; | --van-coupon-list-exchange-button-height | _32px_ | - | | --van-coupon-list-close-button-height | _40px_ | - | | --van-coupon-list-empty-image-size | _200px_ | - | -| --van-coupon-list-empty-tip-color | _var(--van-text-color-secondary)_ | - | +| --van-coupon-list-empty-tip-color | _var(--van-text-color-2)_ | - | | --van-coupon-list-empty-tip-font-size | _var(--van-font-size-md)_ | - | | --van-coupon-list-empty-tip-line-height | _var(--van-line-height-md)_ | - | | --van-coupon-cell-selected-text-color | _var(--van-text-color)_ | - | diff --git a/packages/vant/src/coupon-list/index.less b/packages/vant/src/coupon-list/index.less index 1c8e55ab0..b0208f72a 100644 --- a/packages/vant/src/coupon-list/index.less +++ b/packages/vant/src/coupon-list/index.less @@ -27,7 +27,7 @@ border-radius: 17px; &::placeholder { - color: var(--van-text-color-tertiary); + color: var(--van-text-color-3); } } diff --git a/packages/vant/src/coupon-list/var.less b/packages/vant/src/coupon-list/var.less index 5d38daccb..c4a585cce 100644 --- a/packages/vant/src/coupon-list/var.less +++ b/packages/vant/src/coupon-list/var.less @@ -5,6 +5,6 @@ @coupon-list-exchange-button-height: 32px; @coupon-list-close-button-height: 40px; @coupon-list-empty-image-size: 200px; -@coupon-list-empty-tip-color: var(--van-text-color-secondary); +@coupon-list-empty-tip-color: var(--van-text-color-2); @coupon-list-empty-tip-font-size: var(--van-font-size-md); @coupon-list-empty-tip-line-height: var(--van-line-height-md); diff --git a/packages/vant/src/coupon/var.less b/packages/vant/src/coupon/var.less index f15efb613..d229fce30 100644 --- a/packages/vant/src/coupon/var.less +++ b/packages/vant/src/coupon/var.less @@ -13,7 +13,7 @@ @coupon-amount-font-size: 30px; @coupon-currency-font-size: 40%; @coupon-name-font-size: var(--van-font-size-md); -@coupon-disabled-text-color: var(--van-text-color-secondary); +@coupon-disabled-text-color: var(--van-text-color-2); @coupon-description-padding: var(--van-padding-xs) var(--van-padding-md); @coupon-description-border-color: var(--van-border-color); @coupon-corner-checkbox-icon-color: var(--van-danger-color); diff --git a/packages/vant/src/divider/README.md b/packages/vant/src/divider/README.md index 69d286a65..4d4d2c5e5 100644 --- a/packages/vant/src/divider/README.md +++ b/packages/vant/src/divider/README.md @@ -83,13 +83,13 @@ import type { DividerProps, DividerContentPosition } from 'vant'; The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider). -| Name | Default Value | Description | -| --- | --- | --- | -| --van-divider-margin | _var(--van-padding-md) 0_ | - | -| --van-divider-text-color | _var(--van-text-color-secondary)_ | - | -| --van-divider-font-size | _var(--van-font-size-md)_ | - | -| --van-divider-line-height | _24px_ | - | -| --van-divider-border-color | _var(--van-border-color)_ | - | -| --van-divider-content-padding | _var(--van-padding-md)_ | - | -| --van-divider-content-left-width | _10%_ | - | -| --van-divider-content-right-width | _10%_ | - | +| Name | Default Value | Description | +| --------------------------------- | ------------------------- | ----------- | +| --van-divider-margin | _var(--van-padding-md) 0_ | - | +| --van-divider-text-color | _var(--van-text-color-2)_ | - | +| --van-divider-font-size | _var(--van-font-size-md)_ | - | +| --van-divider-line-height | _24px_ | - | +| --van-divider-border-color | _var(--van-border-color)_ | - | +| --van-divider-content-padding | _var(--van-padding-md)_ | - | +| --van-divider-content-left-width | _10%_ | - | +| --van-divider-content-right-width | _10%_ | - | diff --git a/packages/vant/src/divider/README.zh-CN.md b/packages/vant/src/divider/README.zh-CN.md index f56ec1955..deae78d8c 100644 --- a/packages/vant/src/divider/README.zh-CN.md +++ b/packages/vant/src/divider/README.zh-CN.md @@ -93,13 +93,13 @@ import type { DividerProps, DividerContentPosition } from 'vant'; 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --------------------------------- | --------------------------------- | ---- | -| --van-divider-margin | _var(--van-padding-md) 0_ | - | -| --van-divider-text-color | _var(--van-text-color-secondary)_ | - | -| --van-divider-font-size | _var(--van-font-size-md)_ | - | -| --van-divider-line-height | _24px_ | - | -| --van-divider-border-color | _var(--van-border-color)_ | - | -| --van-divider-content-padding | _var(--van-padding-md)_ | - | -| --van-divider-content-left-width | _10%_ | - | -| --van-divider-content-right-width | _10%_ | - | +| 名称 | 默认值 | 描述 | +| --------------------------------- | ------------------------- | ---- | +| --van-divider-margin | _var(--van-padding-md) 0_ | - | +| --van-divider-text-color | _var(--van-text-color-2)_ | - | +| --van-divider-font-size | _var(--van-font-size-md)_ | - | +| --van-divider-line-height | _24px_ | - | +| --van-divider-border-color | _var(--van-border-color)_ | - | +| --van-divider-content-padding | _var(--van-padding-md)_ | - | +| --van-divider-content-left-width | _10%_ | - | +| --van-divider-content-right-width | _10%_ | - | diff --git a/packages/vant/src/divider/var.less b/packages/vant/src/divider/var.less index 3d839fcd6..e8a55fd18 100644 --- a/packages/vant/src/divider/var.less +++ b/packages/vant/src/divider/var.less @@ -1,7 +1,7 @@ @import '../style/var.less'; @divider-margin: var(--van-padding-md) 0; -@divider-text-color: var(--van-text-color-secondary); +@divider-text-color: var(--van-text-color-2); @divider-font-size: var(--van-font-size-md); @divider-line-height: 24px; @divider-border-color: var(--van-border-color); diff --git a/packages/vant/src/dropdown-menu/README.md b/packages/vant/src/dropdown-menu/README.md index 10d9e23dd..3b57999d1 100644 --- a/packages/vant/src/dropdown-menu/README.md +++ b/packages/vant/src/dropdown-menu/README.md @@ -238,7 +238,7 @@ The component provides the following CSS variables, which can be used to customi | --van-dropdown-menu-title-font-size | _15px_ | - | | --van-dropdown-menu-title-text-color | _var(--van-text-color)_ | - | | --van-dropdown-menu-title-active-text-color | _var(--van-danger-color)_ | - | -| --van-dropdown-menu-title-disabled-text-color | _var(--van-text-color-secondary)_ | - | +| --van-dropdown-menu-title-disabled-text-color | _var(--van-text-color-2)_ | - | | --van-dropdown-menu-title-padding | _0 var(--van-padding-xs)_ | - | | --van-dropdown-menu-title-line-height | _var(--van-line-height-lg)_ | - | | --van-dropdown-menu-option-active-color | _var(--van-danger-color)_ | - | diff --git a/packages/vant/src/dropdown-menu/README.zh-CN.md b/packages/vant/src/dropdown-menu/README.zh-CN.md index d2c14a1c4..52642eba8 100644 --- a/packages/vant/src/dropdown-menu/README.zh-CN.md +++ b/packages/vant/src/dropdown-menu/README.zh-CN.md @@ -242,7 +242,7 @@ dropdownItemRef.value?.toggle(); | --van-dropdown-menu-title-font-size | _15px_ | - | | --van-dropdown-menu-title-text-color | _var(--van-text-color)_ | - | | --van-dropdown-menu-title-active-text-color | _var(--van-danger-color)_ | - | -| --van-dropdown-menu-title-disabled-text-color | _var(--van-text-color-secondary)_ | - | +| --van-dropdown-menu-title-disabled-text-color | _var(--van-text-color-2)_ | - | | --van-dropdown-menu-title-padding | _0 var(--van-padding-xs)_ | - | | --van-dropdown-menu-title-line-height | _var(--van-line-height-lg)_ | - | | --van-dropdown-menu-option-active-color | _var(--van-danger-color)_ | - | diff --git a/packages/vant/src/dropdown-menu/var.less b/packages/vant/src/dropdown-menu/var.less index 05c4f5678..c4a848834 100644 --- a/packages/vant/src/dropdown-menu/var.less +++ b/packages/vant/src/dropdown-menu/var.less @@ -6,7 +6,7 @@ @dropdown-menu-title-font-size: 15px; @dropdown-menu-title-text-color: var(--van-text-color); @dropdown-menu-title-active-text-color: var(--van-danger-color); -@dropdown-menu-title-disabled-text-color: var(--van-text-color-secondary); +@dropdown-menu-title-disabled-text-color: var(--van-text-color-2); @dropdown-menu-title-padding: 0 var(--van-padding-xs); @dropdown-menu-title-line-height: var(--van-line-height-lg); @dropdown-menu-option-active-color: var(--van-danger-color); diff --git a/packages/vant/src/empty/README.md b/packages/vant/src/empty/README.md index 1730ad88a..cb2452178 100644 --- a/packages/vant/src/empty/README.md +++ b/packages/vant/src/empty/README.md @@ -106,7 +106,7 @@ The component provides the following CSS variables, which can be used to customi | --van-empty-image-size | _160px_ | - | | --van-empty-description-margin-top | _var(--van-padding-md)_ | - | | --van-empty-description-padding | _0 60px_ | - | -| --van-empty-description-color | _var(--van-text-color-secondary)_ | - | +| --van-empty-description-color | _var(--van-text-color-2)_ | - | | --van-empty-description-font-size | _var(--van-font-size-md)_ | - | | --van-empty-description-line-height | _var(--van-line-height-md)_ | - | | --van-empty-bottom-margin-top | _24px_ | - | diff --git a/packages/vant/src/empty/README.zh-CN.md b/packages/vant/src/empty/README.zh-CN.md index c5a9fc64e..f506c40cb 100644 --- a/packages/vant/src/empty/README.zh-CN.md +++ b/packages/vant/src/empty/README.zh-CN.md @@ -105,13 +105,13 @@ import type { EmptyProps } from 'vant'; 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-empty-padding | _var(--van-padding-xl) 0_ | - | -| --van-empty-image-size | _160px_ | - | -| --van-empty-description-margin-top | _var(--van-padding-md)_ | - | -| --van-empty-description-padding | _0 60px_ | - | -| --van-empty-description-color | _var(--van-text-color-secondary)_ | - | -| --van-empty-description-font-size | _var(--van-font-size-md)_ | - | -| --van-empty-description-line-height | _var(--van-line-height-md)_ | - | -| --van-empty-bottom-margin-top | _24px_ | - | +| 名称 | 默认值 | 描述 | +| ----------------------------------- | --------------------------- | ---- | +| --van-empty-padding | _var(--van-padding-xl) 0_ | - | +| --van-empty-image-size | _160px_ | - | +| --van-empty-description-margin-top | _var(--van-padding-md)_ | - | +| --van-empty-description-padding | _0 60px_ | - | +| --van-empty-description-color | _var(--van-text-color-2)_ | - | +| --van-empty-description-font-size | _var(--van-font-size-md)_ | - | +| --van-empty-description-line-height | _var(--van-line-height-md)_ | - | +| --van-empty-bottom-margin-top | _24px_ | - | diff --git a/packages/vant/src/empty/var.less b/packages/vant/src/empty/var.less index 3dc9a4e75..b52bfb47a 100644 --- a/packages/vant/src/empty/var.less +++ b/packages/vant/src/empty/var.less @@ -4,7 +4,7 @@ @empty-image-size: 160px; @empty-description-margin-top: var(--van-padding-md); @empty-description-padding: 0 60px; -@empty-description-color: var(--van-text-color-secondary); +@empty-description-color: var(--van-text-color-2); @empty-description-font-size: var(--van-font-size-md); @empty-description-line-height: var(--van-line-height-md); @empty-bottom-margin-top: 24px; diff --git a/packages/vant/src/field/README.md b/packages/vant/src/field/README.md index 626e7b442..36e7b914d 100644 --- a/packages/vant/src/field/README.md +++ b/packages/vant/src/field/README.md @@ -362,8 +362,8 @@ The component provides the following CSS variables, which can be used to customi | --van-field-label-margin-right | _var(--van-padding-sm)_ | - | | --van-field-input-text-color | _var(--van-text-color)_ | - | | --van-field-input-error-text-color | _var(--van-danger-color)_ | - | -| --van-field-input-disabled-text-color | _var(--van-text-color-tertiary)_ | - | -| --van-field-placeholder-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-field-input-disabled-text-color | _var(--van-text-color-3)_ | - | +| --van-field-placeholder-text-color | _var(--van-text-color-3)_ | - | | --van-field-icon-size | _16px_ | - | | --van-field-clear-icon-size | _16px_ | - | | --van-field-clear-icon-color | _var(--van-gray-5)_ | - | @@ -374,5 +374,5 @@ The component provides the following CSS variables, which can be used to customi | --van-field-word-limit-color | _var(--van-gray-7)_ | - | | --van-field-word-limit-font-size | _var(--van-font-size-sm)_ | - | | --van-field-word-limit-line-height | _16px_ | - | -| --van-field-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-field-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-field-required-mark-color | _var(--van-red)_ | - | diff --git a/packages/vant/src/field/README.zh-CN.md b/packages/vant/src/field/README.zh-CN.md index dffe9ba10..cc7c45102 100644 --- a/packages/vant/src/field/README.zh-CN.md +++ b/packages/vant/src/field/README.zh-CN.md @@ -374,27 +374,27 @@ fieldRef.value?.focus(); 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-field-label-width | _6.2em_ | - | -| --van-field-label-color | _var(--van-gray-7)_ | - | -| --van-field-label-margin-right | _var(--van-padding-sm)_ | - | -| --van-field-input-text-color | _var(--van-text-color)_ | - | -| --van-field-input-error-text-color | _var(--van-danger-color)_ | - | -| --van-field-input-disabled-text-color | _var(--van-text-color-tertiary)_ | - | -| --van-field-placeholder-text-color | _var(--van-text-color-tertiary)_ | - | -| --van-field-icon-size | _16px_ | - | -| --van-field-clear-icon-size | _16px_ | - | -| --van-field-clear-icon-color | _var(--van-gray-5)_ | - | -| --van-field-right-icon-color | _var(--van-gray-6)_ | - | -| --van-field-error-message-color | _var(--van-danger-color)_ | - | -| --van-field-error-message-font-size | _12px_ | - | -| --van-field-text-area-min-height | _60px_ | - | -| --van-field-word-limit-color | _var(--van-gray-7)_ | - | -| --van-field-word-limit-font-size | _var(--van-font-size-sm)_ | - | -| --van-field-word-limit-line-height | _16px_ | - | -| --van-field-disabled-text-color | _var(--van-text-color-tertiary)_ | - | -| --van-field-required-mark-color | _var(--van-red)_ | - | +| 名称 | 默认值 | 描述 | +| ------------------------------------- | ------------------------- | ---- | +| --van-field-label-width | _6.2em_ | - | +| --van-field-label-color | _var(--van-gray-7)_ | - | +| --van-field-label-margin-right | _var(--van-padding-sm)_ | - | +| --van-field-input-text-color | _var(--van-text-color)_ | - | +| --van-field-input-error-text-color | _var(--van-danger-color)_ | - | +| --van-field-input-disabled-text-color | _var(--van-text-color-3)_ | - | +| --van-field-placeholder-text-color | _var(--van-text-color-3)_ | - | +| --van-field-icon-size | _16px_ | - | +| --van-field-clear-icon-size | _16px_ | - | +| --van-field-clear-icon-color | _var(--van-gray-5)_ | - | +| --van-field-right-icon-color | _var(--van-gray-6)_ | - | +| --van-field-error-message-color | _var(--van-danger-color)_ | - | +| --van-field-error-message-font-size | _12px_ | - | +| --van-field-text-area-min-height | _60px_ | - | +| --van-field-word-limit-color | _var(--van-gray-7)_ | - | +| --van-field-word-limit-font-size | _var(--van-font-size-sm)_ | - | +| --van-field-word-limit-line-height | _16px_ | - | +| --van-field-disabled-text-color | _var(--van-text-color-3)_ | - | +| --van-field-required-mark-color | _var(--van-red)_ | - | ## 常见问题 diff --git a/packages/vant/src/field/var.less b/packages/vant/src/field/var.less index 13f581282..31a4797da 100644 --- a/packages/vant/src/field/var.less +++ b/packages/vant/src/field/var.less @@ -5,8 +5,8 @@ @field-label-margin-right: var(--van-padding-sm); @field-input-text-color: var(--van-text-color); @field-input-error-text-color: var(--van-danger-color); -@field-input-disabled-text-color: var(--van-text-color-tertiary); -@field-placeholder-text-color: var(--van-text-color-tertiary); +@field-input-disabled-text-color: var(--van-text-color-3); +@field-placeholder-text-color: var(--van-text-color-3); @field-icon-size: 16px; @field-clear-icon-size: 16px; @field-clear-icon-color: var(--van-gray-5); @@ -17,5 +17,5 @@ @field-word-limit-color: var(--van-gray-7); @field-word-limit-font-size: var(--van-font-size-sm); @field-word-limit-line-height: 16px; -@field-disabled-text-color: var(--van-text-color-tertiary); +@field-disabled-text-color: var(--van-text-color-3); @field-required-mark-color: var(--van-red); diff --git a/packages/vant/src/image/README.md b/packages/vant/src/image/README.md index fdab09b72..f8d9705d6 100644 --- a/packages/vant/src/image/README.md +++ b/packages/vant/src/image/README.md @@ -130,7 +130,7 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-image-placeholder-text-color | _var(--van-text-color-secondary)_ | - | +| --van-image-placeholder-text-color | _var(--van-text-color-2)_ | - | | --van-image-placeholder-font-size | _var(--van-font-size-md)_ | - | | --van-image-placeholder-background-color | _var(--van-background-color)_ | - | | --van-image-loading-icon-size | _32px_ | - | diff --git a/packages/vant/src/image/README.zh-CN.md b/packages/vant/src/image/README.zh-CN.md index e5432cd97..501706520 100644 --- a/packages/vant/src/image/README.zh-CN.md +++ b/packages/vant/src/image/README.zh-CN.md @@ -158,7 +158,7 @@ import type { ImageFit, ImageProps } from 'vant'; | 名称 | 默认值 | 描述 | | --- | --- | --- | -| --van-image-placeholder-text-color | _var(--van-text-color-secondary)_ | - | +| --van-image-placeholder-text-color | _var(--van-text-color-2)_ | - | | --van-image-placeholder-font-size | _var(--van-font-size-md)_ | - | | --van-image-placeholder-background-color | _var(--van-background-color)_ | - | | --van-image-loading-icon-size | _32px_ | - | diff --git a/packages/vant/src/image/var.less b/packages/vant/src/image/var.less index 4a77c0ac8..668a31264 100644 --- a/packages/vant/src/image/var.less +++ b/packages/vant/src/image/var.less @@ -1,6 +1,6 @@ @import '../style/var.less'; -@image-placeholder-text-color: var(--van-text-color-secondary); +@image-placeholder-text-color: var(--van-text-color-2); @image-placeholder-font-size: var(--van-font-size-md); @image-placeholder-background-color: var(--van-background-color); @image-loading-icon-size: 32px; diff --git a/packages/vant/src/list/README.md b/packages/vant/src/list/README.md index 90cf933e4..34454efe7 100644 --- a/packages/vant/src/list/README.md +++ b/packages/vant/src/list/README.md @@ -225,9 +225,9 @@ listRef.value?.check(); The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider). -| Name | Default Value | Description | -| --- | --- | --- | -| --van-list-text-color | _var(--van-text-color-secondary)_ | - | -| --van-list-text-font-size | _var(--van-font-size-md)_ | - | -| --van-list-text-line-height | _50px_ | - | -| --van-list-loading-icon-size | _16px_ | - | +| Name | Default Value | Description | +| ---------------------------- | ------------------------- | ----------- | +| --van-list-text-color | _var(--van-text-color-2)_ | - | +| --van-list-text-font-size | _var(--van-font-size-md)_ | - | +| --van-list-text-line-height | _50px_ | - | +| --van-list-loading-icon-size | _16px_ | - | diff --git a/packages/vant/src/list/README.zh-CN.md b/packages/vant/src/list/README.zh-CN.md index 7c301a738..74b23dbc6 100644 --- a/packages/vant/src/list/README.zh-CN.md +++ b/packages/vant/src/list/README.zh-CN.md @@ -240,12 +240,12 @@ listRef.value?.check(); 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| ---------------------------- | --------------------------------- | ---- | -| --van-list-text-color | _var(--van-text-color-secondary)_ | - | -| --van-list-text-font-size | _var(--van-font-size-md)_ | - | -| --van-list-text-line-height | _50px_ | - | -| --van-list-loading-icon-size | _16px_ | - | +| 名称 | 默认值 | 描述 | +| ---------------------------- | ------------------------- | ---- | +| --van-list-text-color | _var(--van-text-color-2)_ | - | +| --van-list-text-font-size | _var(--van-font-size-md)_ | - | +| --van-list-text-line-height | _50px_ | - | +| --van-list-loading-icon-size | _16px_ | - | ## 常见问题 diff --git a/packages/vant/src/list/var.less b/packages/vant/src/list/var.less index c6a3c1819..dfebcd4f4 100644 --- a/packages/vant/src/list/var.less +++ b/packages/vant/src/list/var.less @@ -1,6 +1,6 @@ @import '../style/var.less'; -@list-text-color: var(--van-text-color-secondary); +@list-text-color: var(--van-text-color-2); @list-text-font-size: var(--van-font-size-md); @list-text-line-height: 50px; @list-loading-icon-size: 16px; diff --git a/packages/vant/src/loading/README.md b/packages/vant/src/loading/README.md index 9bac42b48..d30b602d6 100644 --- a/packages/vant/src/loading/README.md +++ b/packages/vant/src/loading/README.md @@ -101,7 +101,7 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-loading-text-color | _var(--van-text-color-secondary)_ | - | +| --van-loading-text-color | _var(--van-text-color-2)_ | - | | --van-loading-text-font-size | _var(--van-font-size-md)_ | - | | --van-loading-spinner-color | _var(--van-gray-5)_ | - | | --van-loading-spinner-size | _30px_ | - | diff --git a/packages/vant/src/loading/README.zh-CN.md b/packages/vant/src/loading/README.zh-CN.md index 7523577e4..ab6bd3dd5 100644 --- a/packages/vant/src/loading/README.zh-CN.md +++ b/packages/vant/src/loading/README.zh-CN.md @@ -109,10 +109,10 @@ import type { LoadingType, LoadingProps } from 'vant'; 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-loading-text-color | _var(--van-text-color-secondary)_ | - | -| --van-loading-text-font-size | _var(--van-font-size-md)_ | - | -| --van-loading-spinner-color | _var(--van-gray-5)_ | - | -| --van-loading-spinner-size | _30px_ | - | -| --van-loading-spinner-animation-duration | _0.8s_ | - | +| 名称 | 默认值 | 描述 | +| ---------------------------------------- | ------------------------- | ---- | +| --van-loading-text-color | _var(--van-text-color-2)_ | - | +| --van-loading-text-font-size | _var(--van-font-size-md)_ | - | +| --van-loading-spinner-color | _var(--van-gray-5)_ | - | +| --van-loading-spinner-size | _30px_ | - | +| --van-loading-spinner-animation-duration | _0.8s_ | - | diff --git a/packages/vant/src/loading/var.less b/packages/vant/src/loading/var.less index 98abf52f9..d69cc9bcc 100644 --- a/packages/vant/src/loading/var.less +++ b/packages/vant/src/loading/var.less @@ -1,6 +1,6 @@ @import '../style/var.less'; -@loading-text-color: var(--van-text-color-secondary); +@loading-text-color: var(--van-text-color-2); @loading-text-font-size: var(--van-font-size-md); @loading-spinner-color: var(--van-gray-5); @loading-spinner-size: 30px; diff --git a/packages/vant/src/password-input/README.md b/packages/vant/src/password-input/README.md index 2ed8fc525..a798f37eb 100644 --- a/packages/vant/src/password-input/README.md +++ b/packages/vant/src/password-input/README.md @@ -161,7 +161,7 @@ The component provides the following CSS variables, which can be used to customi | --van-password-input-font-size | _20px_ | - | | --van-password-input-border-radius | _6px_ | - | | --van-password-input-background-color | _var(--van-background-color-light)_ | - | -| --van-password-input-info-color | _var(--van-text-color-secondary)_ | - | +| --van-password-input-info-color | _var(--van-text-color-2)_ | - | | --van-password-input-info-font-size | _var(--van-font-size-md)_ | - | | --van-password-input-error-info-color | _var(--van-danger-color)_ | - | | --van-password-input-dot-size | _10px_ | - | diff --git a/packages/vant/src/password-input/README.zh-CN.md b/packages/vant/src/password-input/README.zh-CN.md index 3b93c843f..5b635a3f1 100644 --- a/packages/vant/src/password-input/README.zh-CN.md +++ b/packages/vant/src/password-input/README.zh-CN.md @@ -171,7 +171,7 @@ export default { | --van-password-input-font-size | _20px_ | - | | --van-password-input-border-radius | _6px_ | - | | --van-password-input-background-color | _var(--van-background-color-light)_ | - | -| --van-password-input-info-color | _var(--van-text-color-secondary)_ | - | +| --van-password-input-info-color | _var(--van-text-color-2)_ | - | | --van-password-input-info-font-size | _var(--van-font-size-md)_ | - | | --van-password-input-error-info-color | _var(--van-danger-color)_ | - | | --van-password-input-dot-size | _10px_ | - | diff --git a/packages/vant/src/password-input/var.less b/packages/vant/src/password-input/var.less index db0de6bb1..b2ed18ceb 100644 --- a/packages/vant/src/password-input/var.less +++ b/packages/vant/src/password-input/var.less @@ -5,7 +5,7 @@ @password-input-font-size: 20px; @password-input-border-radius: 6px; @password-input-background-color: var(--van-background-color-light); -@password-input-info-color: var(--van-text-color-secondary); +@password-input-info-color: var(--van-text-color-2); @password-input-info-font-size: var(--van-font-size-md); @password-input-error-info-color: var(--van-danger-color); @password-input-dot-size: 10px; diff --git a/packages/vant/src/picker/README.md b/packages/vant/src/picker/README.md index 32e2de5e2..fa4e14cf7 100644 --- a/packages/vant/src/picker/README.md +++ b/packages/vant/src/picker/README.md @@ -422,7 +422,7 @@ The component provides the following CSS variables, which can be used to customi | --van-picker-action-padding | _0 var(--van-padding-md)_ | - | | --van-picker-action-font-size | _var(--van-font-size-md)_ | - | | --van-picker-confirm-action-color | _var(--van-text-link-color)_ | - | -| --van-picker-cancel-action-color | _var(--van-text-color-secondary)_ | - | +| --van-picker-cancel-action-color | _var(--van-text-color-2)_ | - | | --van-picker-option-padding | _0 var(--van-padding-base)_ | - | | --van-picker-option-font-size | _var(--van-font-size-lg)_ | - | | --van-picker-option-text-color | _var(--van-text-color)_ | - | diff --git a/packages/vant/src/picker/README.zh-CN.md b/packages/vant/src/picker/README.zh-CN.md index e80adc8ba..31c599aa3 100644 --- a/packages/vant/src/picker/README.zh-CN.md +++ b/packages/vant/src/picker/README.zh-CN.md @@ -447,7 +447,7 @@ pickerRef.value?.confirm(); | --van-picker-action-padding | _0 var(--van-padding-md)_ | - | | --van-picker-action-font-size | _var(--van-font-size-md)_ | - | | --van-picker-confirm-action-color | _var(--van-text-link-color)_ | - | -| --van-picker-cancel-action-color | _var(--van-text-color-secondary)_ | - | +| --van-picker-cancel-action-color | _var(--van-text-color-2)_ | - | | --van-picker-option-padding | _0 var(--van-padding-base)_ | - | | --van-picker-option-font-size | _var(--van-font-size-lg)_ | - | | --van-picker-option-text-color | _var(--van-text-color)_ | - | diff --git a/packages/vant/src/picker/var.less b/packages/vant/src/picker/var.less index ccbb10e08..c4bd632be 100644 --- a/packages/vant/src/picker/var.less +++ b/packages/vant/src/picker/var.less @@ -7,7 +7,7 @@ @picker-action-padding: 0 var(--van-padding-md); @picker-action-font-size: var(--van-font-size-md); @picker-confirm-action-color: var(--van-text-link-color); -@picker-cancel-action-color: var(--van-text-color-secondary); +@picker-cancel-action-color: var(--van-text-color-2); @picker-option-padding: 0 var(--van-padding-base); @picker-option-font-size: var(--van-font-size-lg); @picker-option-text-color: var(--van-text-color); diff --git a/packages/vant/src/popover/README.md b/packages/vant/src/popover/README.md index 7c9fb4cdd..f42a475a8 100644 --- a/packages/vant/src/popover/README.md +++ b/packages/vant/src/popover/README.md @@ -286,7 +286,7 @@ The component provides the following CSS variables, which can be used to customi | --van-popover-action-icon-size | _20px_ | - | | --van-popover-light-text-color | _var(--van-text-color)_ | - | | --van-popover-light-background-color | _var(--van-background-color-light)_ | - | -| --van-popover-light-action-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-popover-light-action-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-popover-dark-text-color | _var(--van-white)_ | - | | --van-popover-dark-background-color | _#4a4a4a_ | - | -| --van-popover-dark-action-disabled-text-color | _var(--van-text-color-secondary)_ | - | +| --van-popover-dark-action-disabled-text-color | _var(--van-text-color-2)_ | - | diff --git a/packages/vant/src/popover/README.zh-CN.md b/packages/vant/src/popover/README.zh-CN.md index 27c883071..32c8d6915 100644 --- a/packages/vant/src/popover/README.zh-CN.md +++ b/packages/vant/src/popover/README.zh-CN.md @@ -298,10 +298,10 @@ import type { | --van-popover-action-icon-size | _20px_ | - | | --van-popover-light-text-color | _var(--van-text-color)_ | - | | --van-popover-light-background-color | _var(--van-background-color-light)_ | - | -| --van-popover-light-action-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-popover-light-action-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-popover-dark-text-color | _var(--van-white)_ | - | | --van-popover-dark-background-color | _#4a4a4a_ | - | -| --van-popover-dark-action-disabled-text-color | _var(--van-text-color-secondary)_ | - | +| --van-popover-dark-action-disabled-text-color | _var(--van-text-color-2)_ | - | ## 常见问题 diff --git a/packages/vant/src/popover/var.less b/packages/vant/src/popover/var.less index 8b45280a1..e18d9e52c 100644 --- a/packages/vant/src/popover/var.less +++ b/packages/vant/src/popover/var.less @@ -9,7 +9,7 @@ @popover-action-icon-size: 20px; @popover-light-text-color: var(--van-text-color); @popover-light-background-color: var(--van-background-color-light); -@popover-light-action-disabled-text-color: var(--van-text-color-tertiary); +@popover-light-action-disabled-text-color: var(--van-text-color-3); @popover-dark-text-color: var(--van-white); @popover-dark-background-color: #4a4a4a; -@popover-dark-action-disabled-text-color: var(--van-text-color-secondary); +@popover-dark-action-disabled-text-color: var(--van-text-color-2); diff --git a/packages/vant/src/pull-refresh/README.md b/packages/vant/src/pull-refresh/README.md index ad17d9df3..59ddf9bc1 100644 --- a/packages/vant/src/pull-refresh/README.md +++ b/packages/vant/src/pull-refresh/README.md @@ -153,5 +153,5 @@ The component provides the following CSS variables, which can be used to customi | --- | --- | --- | | --van-pull-refresh-head-height | _50px_ | - | | --van-pull-refresh-head-font-size | _var(--van-font-size-md)_ | - | -| --van-pull-refresh-head-text-color | _var(--van-text-color-secondary)_ | - | +| --van-pull-refresh-head-text-color | _var(--van-text-color-2)_ | - | | --van-pull-refresh-loading-icon-size | _16px_ | - | diff --git a/packages/vant/src/pull-refresh/README.zh-CN.md b/packages/vant/src/pull-refresh/README.zh-CN.md index 8fb6ba86d..7d7a4fcba 100644 --- a/packages/vant/src/pull-refresh/README.zh-CN.md +++ b/packages/vant/src/pull-refresh/README.zh-CN.md @@ -152,12 +152,12 @@ import type { PullRefreshProps } from 'vant'; 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-pull-refresh-head-height | _50px_ | - | -| --van-pull-refresh-head-font-size | _var(--van-font-size-md)_ | - | -| --van-pull-refresh-head-text-color | _var(--van-text-color-secondary)_ | - | -| --van-pull-refresh-loading-icon-size | _16px_ | - | +| 名称 | 默认值 | 描述 | +| ------------------------------------ | ------------------------- | ---- | +| --van-pull-refresh-head-height | _50px_ | - | +| --van-pull-refresh-head-font-size | _var(--van-font-size-md)_ | - | +| --van-pull-refresh-head-text-color | _var(--van-text-color-2)_ | - | +| --van-pull-refresh-loading-icon-size | _16px_ | - | ## 常见问题 diff --git a/packages/vant/src/pull-refresh/var.less b/packages/vant/src/pull-refresh/var.less index a74204beb..ee7aad7cd 100644 --- a/packages/vant/src/pull-refresh/var.less +++ b/packages/vant/src/pull-refresh/var.less @@ -2,5 +2,5 @@ @pull-refresh-head-height: 50px; @pull-refresh-head-font-size: var(--van-font-size-md); -@pull-refresh-head-text-color: var(--van-text-color-secondary); +@pull-refresh-head-text-color: var(--van-text-color-2); @pull-refresh-loading-icon-size: 16px; diff --git a/packages/vant/src/radio/README.md b/packages/vant/src/radio/README.md index 5ec95eb7d..8ad461b43 100644 --- a/packages/vant/src/radio/README.md +++ b/packages/vant/src/radio/README.md @@ -228,5 +228,5 @@ The component provides the following CSS variables, which can be used to customi | --van-radio-label-color | _var(--van-text-color)_ | - | | --van-radio-checked-icon-color | _var(--van-primary-color)_ | - | | --van-radio-disabled-icon-color | _var(--van-gray-5)_ | - | -| --van-radio-disabled-label-color | _var(--van-text-color-tertiary)_ | - | +| --van-radio-disabled-label-color | _var(--van-text-color-3)_ | - | | --van-radio-disabled-background-color | _var(--van-border-color)_ | - | diff --git a/packages/vant/src/radio/README.zh-CN.md b/packages/vant/src/radio/README.zh-CN.md index cc1925b32..8bcead820 100644 --- a/packages/vant/src/radio/README.zh-CN.md +++ b/packages/vant/src/radio/README.zh-CN.md @@ -242,5 +242,5 @@ import type { | --van-radio-label-color | _var(--van-text-color)_ | - | | --van-radio-checked-icon-color | _var(--van-primary-color)_ | - | | --van-radio-disabled-icon-color | _var(--van-gray-5)_ | - | -| --van-radio-disabled-label-color | _var(--van-text-color-tertiary)_ | - | +| --van-radio-disabled-label-color | _var(--van-text-color-3)_ | - | | --van-radio-disabled-background-color | _var(--van-border-color)_ | - | diff --git a/packages/vant/src/radio/var.less b/packages/vant/src/radio/var.less index 9a50c59aa..9865c3caa 100644 --- a/packages/vant/src/radio/var.less +++ b/packages/vant/src/radio/var.less @@ -7,5 +7,5 @@ @radio-label-color: var(--van-text-color); @radio-checked-icon-color: var(--van-primary-color); @radio-disabled-icon-color: var(--van-gray-5); -@radio-disabled-label-color: var(--van-text-color-tertiary); +@radio-disabled-label-color: var(--van-text-color-3); @radio-disabled-background-color: var(--van-border-color); diff --git a/packages/vant/src/share-sheet/README.md b/packages/vant/src/share-sheet/README.md index a5abc6f86..77d47512d 100644 --- a/packages/vant/src/share-sheet/README.md +++ b/packages/vant/src/share-sheet/README.md @@ -239,13 +239,13 @@ The component provides the following CSS variables, which can be used to customi | --van-share-sheet-title-color | _var(--van-text-color)_ | - | | --van-share-sheet-title-font-size | _var(--van-font-size-md)_ | - | | --van-share-sheet-title-line-height | _var(--van-line-height-md)_ | - | -| --van-share-sheet-description-color | _var(--van-text-color-secondary)_ | - | +| --van-share-sheet-description-color | _var(--van-text-color-2)_ | - | | --van-share-sheet-description-font-size | _var(--van-font-size-sm)_ | - | | --van-share-sheet-description-line-height | _16px_ | - | | --van-share-sheet-icon-size | _48px_ | - | | --van-share-sheet-option-name-color | _var(--van-gray-7)_ | - | | --van-share-sheet-option-name-font-size | _var(--van-font-size-sm)_ | - | -| --van-share-sheet-option-description-color | _var(--van-text-color-tertiary)_ | - | +| --van-share-sheet-option-description-color | _var(--van-text-color-3)_ | - | | --van-share-sheet-option-description-font-size | _var(--van-font-size-sm)_ | - | | --van-share-sheet-cancel-button-font-size | _var(--van-font-size-lg)_ | - | | --van-share-sheet-cancel-button-height | _48px_ | - | diff --git a/packages/vant/src/share-sheet/README.zh-CN.md b/packages/vant/src/share-sheet/README.zh-CN.md index a1e03dac9..977f557e8 100644 --- a/packages/vant/src/share-sheet/README.zh-CN.md +++ b/packages/vant/src/share-sheet/README.zh-CN.md @@ -253,13 +253,13 @@ import type { | --van-share-sheet-title-color | _var(--van-text-color)_ | - | | --van-share-sheet-title-font-size | _var(--van-font-size-md)_ | - | | --van-share-sheet-title-line-height | _var(--van-line-height-md)_ | - | -| --van-share-sheet-description-color | _var(--van-text-color-secondary)_ | - | +| --van-share-sheet-description-color | _var(--van-text-color-2)_ | - | | --van-share-sheet-description-font-size | _var(--van-font-size-sm)_ | - | | --van-share-sheet-description-line-height | _16px_ | - | | --van-share-sheet-icon-size | _48px_ | - | | --van-share-sheet-option-name-color | _var(--van-gray-7)_ | - | | --van-share-sheet-option-name-font-size | _var(--van-font-size-sm)_ | - | -| --van-share-sheet-option-description-color | _var(--van-text-color-tertiary)_ | - | +| --van-share-sheet-option-description-color | _var(--van-text-color-3)_ | - | | --van-share-sheet-option-description-font-size | _var(--van-font-size-sm)_ | - | | --van-share-sheet-cancel-button-font-size | _var(--van-font-size-lg)_ | - | | --van-share-sheet-cancel-button-height | _48px_ | - | diff --git a/packages/vant/src/share-sheet/var.less b/packages/vant/src/share-sheet/var.less index d5750e246..4e7d8ca14 100644 --- a/packages/vant/src/share-sheet/var.less +++ b/packages/vant/src/share-sheet/var.less @@ -5,13 +5,13 @@ @share-sheet-title-color: var(--van-text-color); @share-sheet-title-font-size: var(--van-font-size-md); @share-sheet-title-line-height: var(--van-line-height-md); -@share-sheet-description-color: var(--van-text-color-secondary); +@share-sheet-description-color: var(--van-text-color-2); @share-sheet-description-font-size: var(--van-font-size-sm); @share-sheet-description-line-height: 16px; @share-sheet-icon-size: 48px; @share-sheet-option-name-color: var(--van-gray-7); @share-sheet-option-name-font-size: var(--van-font-size-sm); -@share-sheet-option-description-color: var(--van-text-color-tertiary); +@share-sheet-option-description-color: var(--van-text-color-3); @share-sheet-option-description-font-size: var(--van-font-size-sm); @share-sheet-cancel-button-font-size: var(--van-font-size-lg); @share-sheet-cancel-button-height: 48px; diff --git a/packages/vant/src/sidebar-item/var.less b/packages/vant/src/sidebar-item/var.less index 4dd4ae69d..26df748a1 100644 --- a/packages/vant/src/sidebar-item/var.less +++ b/packages/vant/src/sidebar-item/var.less @@ -3,7 +3,7 @@ @sidebar-font-size: var(--van-font-size-md); @sidebar-line-height: var(--van-line-height-md); @sidebar-text-color: var(--van-text-color); -@sidebar-disabled-text-color: var(--van-text-color-tertiary); +@sidebar-disabled-text-color: var(--van-text-color-3); @sidebar-padding: 20px var(--van-padding-sm); @sidebar-active-color: var(--van-active-color); @sidebar-background-color: var(--van-background-color); diff --git a/packages/vant/src/sidebar/README.md b/packages/vant/src/sidebar/README.md index 7d74d0cc0..e4d3db180 100644 --- a/packages/vant/src/sidebar/README.md +++ b/packages/vant/src/sidebar/README.md @@ -144,7 +144,7 @@ The component provides the following CSS variables, which can be used to customi | --van-sidebar-font-size | _var(--van-font-size-md)_ | - | | --van-sidebar-line-height | _var(--van-line-height-md)_ | - | | --van-sidebar-text-color | _var(--van-text-color)_ | - | -| --van-sidebar-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-sidebar-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-sidebar-padding | _20px var(--van-padding-sm)_ | - | | --van-sidebar-active-color | _var(--van-active-color)_ | - | | --van-sidebar-background-color | _var(--van-background-color)_ | - | diff --git a/packages/vant/src/sidebar/README.zh-CN.md b/packages/vant/src/sidebar/README.zh-CN.md index 6145560dc..c5fac308d 100644 --- a/packages/vant/src/sidebar/README.zh-CN.md +++ b/packages/vant/src/sidebar/README.zh-CN.md @@ -152,7 +152,7 @@ import type { SidebarProps, SidebarItemProps } from 'vant'; | --van-sidebar-font-size | _var(--van-font-size-md)_ | - | | --van-sidebar-line-height | _var(--van-line-height-md)_ | - | | --van-sidebar-text-color | _var(--van-text-color)_ | - | -| --van-sidebar-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-sidebar-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-sidebar-padding | _20px var(--van-padding-sm)_ | - | | --van-sidebar-active-color | _var(--van-active-color)_ | - | | --van-sidebar-background-color | _var(--van-background-color)_ | - | diff --git a/packages/vant/src/sidebar/demo/index.vue b/packages/vant/src/sidebar/demo/index.vue index d4f025c5c..3f875a4dd 100644 --- a/packages/vant/src/sidebar/demo/index.vue +++ b/packages/vant/src/sidebar/demo/index.vue @@ -79,7 +79,7 @@ const onChange = (index: number) => Toast(`${t('title')} ${index + 1}`); &-title { margin-bottom: 16px; - color: var(--van-text-color-secondary); + color: var(--van-text-color-2); font-weight: normal; font-size: 14px; } diff --git a/packages/vant/src/step/var.less b/packages/vant/src/step/var.less index 2f7b55c18..527047844 100644 --- a/packages/vant/src/step/var.less +++ b/packages/vant/src/step/var.less @@ -1,6 +1,6 @@ @import '../style/var.less'; -@step-text-color: var(--van-text-color-secondary); +@step-text-color: var(--van-text-color-2); @step-active-color: var(--van-success-color); @step-process-text-color: var(--van-text-color); @step-font-size: var(--van-font-size-md); diff --git a/packages/vant/src/stepper/README.md b/packages/vant/src/stepper/README.md index c5e030247..9b544a4f5 100644 --- a/packages/vant/src/stepper/README.md +++ b/packages/vant/src/stepper/README.md @@ -183,6 +183,6 @@ The component provides the following CSS variables, which can be used to customi | --van-stepper-input-font-size | _var(--van-font-size-md)_ | - | | --van-stepper-input-line-height | _normal_ | - | | --van-stepper-input-text-color | _var(--van-text-color)_ | - | -| --van-stepper-input-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-stepper-input-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-stepper-input-disabled-background-color | _var(--van-active-color)_ | - | | --van-stepper-border-radius | _var(--van-border-radius-md)_ | - | diff --git a/packages/vant/src/stepper/README.zh-CN.md b/packages/vant/src/stepper/README.zh-CN.md index ac3b6fb09..5a7649306 100644 --- a/packages/vant/src/stepper/README.zh-CN.md +++ b/packages/vant/src/stepper/README.zh-CN.md @@ -203,7 +203,7 @@ import type { StepperTheme, StepperProps } from 'vant'; | --van-stepper-input-font-size | _var(--van-font-size-md)_ | - | | --van-stepper-input-line-height | _normal_ | - | | --van-stepper-input-text-color | _var(--van-text-color)_ | - | -| --van-stepper-input-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-stepper-input-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-stepper-input-disabled-background-color | _var(--van-active-color)_ | - | | --van-stepper-border-radius | _var(--van-border-radius-md)_ | - | diff --git a/packages/vant/src/stepper/var.less b/packages/vant/src/stepper/var.less index 8024fa257..42b6d0d1c 100644 --- a/packages/vant/src/stepper/var.less +++ b/packages/vant/src/stepper/var.less @@ -10,6 +10,6 @@ @stepper-input-font-size: var(--van-font-size-md); @stepper-input-line-height: normal; @stepper-input-text-color: var(--van-text-color); -@stepper-input-disabled-text-color: var(--van-text-color-tertiary); +@stepper-input-disabled-text-color: var(--van-text-color-3); @stepper-input-disabled-background-color: var(--van-active-color); @stepper-border-radius: var(--van-border-radius-md); diff --git a/packages/vant/src/steps/README.md b/packages/vant/src/steps/README.md index de1bc1b00..0cb60d0be 100644 --- a/packages/vant/src/steps/README.md +++ b/packages/vant/src/steps/README.md @@ -117,7 +117,7 @@ The component provides the following CSS variables, which can be used to customi | Name | Default Value | Description | | --- | --- | --- | -| --van-step-text-color | _var(--van-text-color-secondary)_ | - | +| --van-step-text-color | _var(--van-text-color-2)_ | - | | --van-step-active-color | _var(--van-success-color)_ | - | | --van-step-process-text-color | _var(--van-text-color)_ | - | | --van-step-font-size | _var(--van-font-size-md)_ | - | diff --git a/packages/vant/src/steps/README.zh-CN.md b/packages/vant/src/steps/README.zh-CN.md index 1fc3e5c57..a92803478 100644 --- a/packages/vant/src/steps/README.zh-CN.md +++ b/packages/vant/src/steps/README.zh-CN.md @@ -123,7 +123,7 @@ import type { StepsProps, StepsDirection } from 'vant'; | 名称 | 默认值 | 描述 | | --- | --- | --- | -| --van-step-text-color | _var(--van-text-color-secondary)_ | - | +| --van-step-text-color | _var(--van-text-color-2)_ | - | | --van-step-active-color | _var(--van-success-color)_ | - | | --van-step-process-text-color | _var(--van-text-color)_ | - | | --van-step-font-size | _var(--van-font-size-md)_ | - | diff --git a/packages/vant/src/style/css-variables.less b/packages/vant/src/style/css-variables.less index 96495f3f1..5e4805ddb 100644 --- a/packages/vant/src/style/css-variables.less +++ b/packages/vant/src/style/css-variables.less @@ -29,8 +29,8 @@ --van-danger-color: @danger-color; --van-warning-color: @warning-color; --van-text-color: @text-color; - --van-text-color-secondary: @text-color-secondary; - --van-text-color-tertiary: @text-color-tertiary; + --van-text-color-2: @text-color-2; + --van-text-color-3: @text-color-3; --van-text-link-color: @text-link-color; --van-active-color: @active-color; --van-active-opacity: @active-opacity; diff --git a/packages/vant/src/style/var.less b/packages/vant/src/style/var.less index 5cdde6726..1e14a336b 100644 --- a/packages/vant/src/style/var.less +++ b/packages/vant/src/style/var.less @@ -26,8 +26,8 @@ @danger-color: var(--van-red); @warning-color: var(--van-orange); @text-color: var(--van-gray-8); -@text-color-secondary: var(--van-gray-6); -@text-color-tertiary: var(--van-gray-5); +@text-color-2: var(--van-gray-6); +@text-color-3: var(--van-gray-5); @text-link-color: #576b95; @active-color: var(--van-gray-2); @active-opacity: 0.6; diff --git a/packages/vant/src/tab/README.md b/packages/vant/src/tab/README.md index d83979911..89f8e8b40 100644 --- a/packages/vant/src/tab/README.md +++ b/packages/vant/src/tab/README.md @@ -325,7 +325,7 @@ The component provides the following CSS variables, which can be used to customi | --- | --- | --- | | --van-tab-text-color | _var(--van-gray-7)_ | - | | --van-tab-active-text-color | _var(--van-text-color)_ | - | -| --van-tab-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-tab-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-tab-font-size | _var(--van-font-size-md)_ | - | | --van-tab-line-height | _var(--van-line-height-md)_ | - | | --van-tabs-default-color | _var(--van-danger-color)_ | - | diff --git a/packages/vant/src/tab/README.zh-CN.md b/packages/vant/src/tab/README.zh-CN.md index 32dae46f7..a218419bc 100644 --- a/packages/vant/src/tab/README.zh-CN.md +++ b/packages/vant/src/tab/README.zh-CN.md @@ -338,7 +338,7 @@ tabsRef.value?.scrollTo(0); | ------------------------------- | ----------------------------------- | ---- | | --van-tab-text-color | _var(--van-gray-7)_ | - | | --van-tab-active-text-color | _var(--van-text-color)_ | - | -| --van-tab-disabled-text-color | _var(--van-text-color-tertiary)_ | - | +| --van-tab-disabled-text-color | _var(--van-text-color-3)_ | - | | --van-tab-font-size | _var(--van-font-size-md)_ | - | | --van-tab-line-height | _var(--van-line-height-md)_ | - | | --van-tabs-default-color | _var(--van-danger-color)_ | - | diff --git a/packages/vant/src/tabs/var.less b/packages/vant/src/tabs/var.less index 90198f09f..0088dd351 100644 --- a/packages/vant/src/tabs/var.less +++ b/packages/vant/src/tabs/var.less @@ -2,7 +2,7 @@ @tab-text-color: var(--van-gray-7); @tab-active-text-color: var(--van-text-color); -@tab-disabled-text-color: var(--van-text-color-tertiary); +@tab-disabled-text-color: var(--van-text-color-3); @tab-font-size: var(--van-font-size-md); @tab-line-height: var(--van-line-height-md); @tabs-default-color: var(--van-danger-color); diff --git a/packages/vant/src/uploader/README.md b/packages/vant/src/uploader/README.md index 88f3ef8b7..29a40fd38 100644 --- a/packages/vant/src/uploader/README.md +++ b/packages/vant/src/uploader/README.md @@ -392,7 +392,7 @@ The component provides the following CSS variables, which can be used to customi | --van-uploader-size | _80px_ | - | | --van-uploader-icon-size | _24px_ | - | | --van-uploader-icon-color | _var(--van-gray-4)_ | - | -| --van-uploader-text-color | _var(--van-text-color-secondary)_ | - | +| --van-uploader-text-color | _var(--van-text-color-2)_ | - | | --van-uploader-text-font-size | _var(--van-font-size-sm)_ | - | | --van-uploader-upload-background-color | _var(--van-gray-1)_ | - | | --van-uploader-upload-active-color | _var(--van-active-color)_ | - | diff --git a/packages/vant/src/uploader/README.zh-CN.md b/packages/vant/src/uploader/README.zh-CN.md index 0914942a0..cf5a57f53 100644 --- a/packages/vant/src/uploader/README.zh-CN.md +++ b/packages/vant/src/uploader/README.zh-CN.md @@ -417,7 +417,7 @@ uploaderRef.value?.chooseFile(); | --van-uploader-size | _80px_ | - | | --van-uploader-icon-size | _24px_ | - | | --van-uploader-icon-color | _var(--van-gray-4)_ | - | -| --van-uploader-text-color | _var(--van-text-color-secondary)_ | - | +| --van-uploader-text-color | _var(--van-text-color-2)_ | - | | --van-uploader-text-font-size | _var(--van-font-size-sm)_ | - | | --van-uploader-upload-background-color | _var(--van-gray-1)_ | - | | --van-uploader-upload-active-color | _var(--van-active-color)_ | - | diff --git a/packages/vant/src/uploader/var.less b/packages/vant/src/uploader/var.less index e6e04e2a5..68ad77b33 100644 --- a/packages/vant/src/uploader/var.less +++ b/packages/vant/src/uploader/var.less @@ -3,7 +3,7 @@ @uploader-size: 80px; @uploader-icon-size: 24px; @uploader-icon-color: var(--van-gray-4); -@uploader-text-color: var(--van-text-color-secondary); +@uploader-text-color: var(--van-text-color-2); @uploader-text-font-size: var(--van-font-size-sm); @uploader-upload-background-color: var(--van-gray-1); @uploader-upload-active-color: var(--van-active-color);