diff --git a/packages/vant/src/action-sheet/README.md b/packages/vant/src/action-sheet/README.md index 7df26b655..4cf92232d 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-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 a9df2caa0..ebebe54c3 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-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/index.less b/packages/vant/src/action-sheet/index.less index 3a1ee8904..265ab51ab 100644 --- a/packages/vant/src/action-sheet/index.less +++ b/packages/vant/src/action-sheet/index.less @@ -4,15 +4,15 @@ --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-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/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/index.less b/packages/vant/src/address-list/index.less index 3b0a8bd28..34639db56 100644 --- a/packages/vant/src/address-list/index.less +++ b/packages/vant/src/address-list/index.less @@ -1,13 +1,13 @@ :root { --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: calc(var(--van-padding-base) * 5) 0; --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/calendar/README.md b/packages/vant/src/calendar/README.md index 375dc5a16..1b6041b3c 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 | _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 51ea7f049..2cfaad730 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 | _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/index.less b/packages/vant/src/calendar/index.less index d28a9da75..28b2b0fa0 100644 --- a/packages/vant/src/calendar/index.less +++ b/packages/vant/src/calendar/index.less @@ -21,7 +21,7 @@ --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: 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/card/README.md b/packages/vant/src/card/README.md index 551f7fd2e..bf12a7de4 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 d625eb522..a0a017812 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/index.less b/packages/vant/src/card/index.less index 8ac20f897..fb412ca9d 100644 --- a/packages/vant/src/card/index.less +++ b/packages/vant/src/card/index.less @@ -9,8 +9,8 @@ --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/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/index.less b/packages/vant/src/cascader/index.less index 3f9263ff3..b07cf472e 100644 --- a/packages/vant/src/cascader/index.less +++ b/packages/vant/src/cascader/index.less @@ -9,9 +9,9 @@ --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-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-secondary); + --van-cascader-unselected-tab-color: var(--van-text-color-2); } .van-cascader { diff --git a/packages/vant/src/cell-group/index.less b/packages/vant/src/cell-group/index.less index 4bb0f629c..7399c5931 100644 --- a/packages/vant/src/cell-group/index.less +++ b/packages/vant/src/cell-group/index.less @@ -1,6 +1,6 @@ :root { --van-cell-group-background: var(--van-background-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); --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.md b/packages/vant/src/cell/README.md index b544acb9b..15f474997 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 | _var(--van-background-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 c3f07011a..fd90e9a37 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 | _var(--van-background-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/index.less b/packages/vant/src/cell/index.less index fbc24f17d..7df7b23a8 100644 --- a/packages/vant/src/cell/index.less +++ b/packages/vant/src/cell/index.less @@ -10,11 +10,11 @@ --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); diff --git a/packages/vant/src/checkbox/README.md b/packages/vant/src/checkbox/README.md index 3f1f79304..b50cf9cb8 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 | _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 1ed50cb21..b19ecdfa1 100644 --- a/packages/vant/src/checkbox/README.zh-CN.md +++ b/packages/vant/src/checkbox/README.zh-CN.md @@ -381,14 +381,14 @@ checkboxGroupRef.value?.toggleAll(); 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-checkbox-size | _20px_ | - | -| --van-checkbox-border-color | _var(--van-gray-5)_ | - | -| --van-checkbox-duration | _var(--van-duration-fast)_ | - | -| --van-checkbox-label-margin | _var(--van-padding-xs)_ | - | -| --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-background | _var(--van-border-color)_ | - | +| 名称 | 默认值 | 描述 | +| ----------------------------------- | -------------------------- | ---- | +| --van-checkbox-size | _20px_ | - | +| --van-checkbox-border-color | _var(--van-gray-5)_ | - | +| --van-checkbox-duration | _var(--van-duration-fast)_ | - | +| --van-checkbox-label-margin | _var(--van-padding-xs)_ | - | +| --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-3)_ | - | +| --van-checkbox-disabled-background | _var(--van-border-color)_ | - | diff --git a/packages/vant/src/checkbox/index.less b/packages/vant/src/checkbox/index.less index f9ceecea1..f64a42e98 100644 --- a/packages/vant/src/checkbox/index.less +++ b/packages/vant/src/checkbox/index.less @@ -6,7 +6,7 @@ --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: var(--van-border-color); } diff --git a/packages/vant/src/collapse-item/index.less b/packages/vant/src/collapse-item/index.less index f0e5e96ab..68e5c26a8 100644 --- a/packages/vant/src/collapse-item/index.less +++ b/packages/vant/src/collapse-item/index.less @@ -6,9 +6,9 @@ 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: var(--van-background-light); - --van-collapse-item-title-disabled-color: var(--van-text-color-tertiary); + --van-collapse-item-title-disabled-color: var(--van-text-color-3); } .van-collapse-item { diff --git a/packages/vant/src/collapse/README.md b/packages/vant/src/collapse/README.md index 14e7fbbe5..eb4d83b65 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 | _var(--van-background-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 75fb07ddf..30d1f7df5 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 | _var(--van-background-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 f56d2c487..4fc291b33 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-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 53df49760..d349a3999 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-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 7269a73ba..171a32a44 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 e0de06222..00f1401a1 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 6d43b9717..ef285d974 100644 --- a/packages/vant/src/coupon-list/index.less +++ b/packages/vant/src/coupon-list/index.less @@ -4,7 +4,7 @@ --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); } @@ -25,7 +25,7 @@ border-radius: 17px; &::placeholder { - color: var(--van-text-color-tertiary); + color: var(--van-text-color-3); } } diff --git a/packages/vant/src/coupon/index.less b/packages/vant/src/coupon/index.less index c3e7b3347..c101b9c36 100644 --- a/packages/vant/src/coupon/index.less +++ b/packages/vant/src/coupon/index.less @@ -14,7 +14,7 @@ --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); 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/index.less b/packages/vant/src/divider/index.less index 219b7bd8c..90ef8872c 100644 --- a/packages/vant/src/divider/index.less +++ b/packages/vant/src/divider/index.less @@ -1,6 +1,6 @@ :root { --van-divider-margin: var(--van-padding-md) 0; - --van-divider-text-color: var(--van-text-color-secondary); + --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); diff --git a/packages/vant/src/dropdown-menu/README.md b/packages/vant/src/dropdown-menu/README.md index 2029b7267..339cc4f31 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 880cb670f..ee19f252e 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/index.less b/packages/vant/src/dropdown-menu/index.less index b6ca0b3e3..1d6ca20b7 100644 --- a/packages/vant/src/dropdown-menu/index.less +++ b/packages/vant/src/dropdown-menu/index.less @@ -5,9 +5,7 @@ --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/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/index.less b/packages/vant/src/empty/index.less index 7097a68ef..8f5ce07a8 100644 --- a/packages/vant/src/empty/index.less +++ b/packages/vant/src/empty/index.less @@ -3,7 +3,7 @@ --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/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/index.less b/packages/vant/src/field/index.less index 0aab22ba9..1b7f76ad7 100644 --- a/packages/vant/src/field/index.less +++ b/packages/vant/src/field/index.less @@ -4,8 +4,8 @@ --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); @@ -16,7 +16,7 @@ --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/image/README.md b/packages/vant/src/image/README.md index 82bbc4103..f7e9fbbd6 100644 --- a/packages/vant/src/image/README.md +++ b/packages/vant/src/image/README.md @@ -128,12 +128,12 @@ import type { ImageFit, ImageProps } 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-image-placeholder-text-color | _var(--van-text-color-secondary)_ | - | -| --van-image-placeholder-font-size | _var(--van-font-size-md)_ | - | -| --van-image-placeholder-background | _var(--van-background)_ | - | -| --van-image-loading-icon-size | _32px_ | - | -| --van-image-loading-icon-color | _var(--van-gray-4)_ | - | -| --van-image-error-icon-size | _32px_ | - | -| --van-image-error-icon-color | _var(--van-gray-4)_ | - | +| Name | Default Value | Description | +| ---------------------------------- | ------------------------- | ----------- | +| --van-image-placeholder-text-color | _var(--van-text-color-2)_ | - | +| --van-image-placeholder-font-size | _var(--van-font-size-md)_ | - | +| --van-image-placeholder-background | _var(--van-background)_ | - | +| --van-image-loading-icon-size | _32px_ | - | +| --van-image-loading-icon-color | _var(--van-gray-4)_ | - | +| --van-image-error-icon-size | _32px_ | - | +| --van-image-error-icon-color | _var(--van-gray-4)_ | - | diff --git a/packages/vant/src/image/README.zh-CN.md b/packages/vant/src/image/README.zh-CN.md index db6084ea0..e66d22597 100644 --- a/packages/vant/src/image/README.zh-CN.md +++ b/packages/vant/src/image/README.zh-CN.md @@ -156,15 +156,15 @@ import type { ImageFit, ImageProps } from 'vant'; 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-image-placeholder-text-color | _var(--van-text-color-secondary)_ | - | -| --van-image-placeholder-font-size | _var(--van-font-size-md)_ | - | -| --van-image-placeholder-background | _var(--van-background)_ | - | -| --van-image-loading-icon-size | _32px_ | - | -| --van-image-loading-icon-color | _var(--van-gray-4)_ | - | -| --van-image-error-icon-size | _32px_ | - | -| --van-image-error-icon-color | _var(--van-gray-4)_ | - | +| 名称 | 默认值 | 描述 | +| ---------------------------------- | ------------------------- | ---- | +| --van-image-placeholder-text-color | _var(--van-text-color-2)_ | - | +| --van-image-placeholder-font-size | _var(--van-font-size-md)_ | - | +| --van-image-placeholder-background | _var(--van-background)_ | - | +| --van-image-loading-icon-size | _32px_ | - | +| --van-image-loading-icon-color | _var(--van-gray-4)_ | - | +| --van-image-error-icon-size | _32px_ | - | +| --van-image-error-icon-color | _var(--van-gray-4)_ | - | ## 常见问题 diff --git a/packages/vant/src/image/index.less b/packages/vant/src/image/index.less index eb98e8962..60ea78adb 100644 --- a/packages/vant/src/image/index.less +++ b/packages/vant/src/image/index.less @@ -1,5 +1,5 @@ :root { - --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: var(--van-background); --van-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/index.less b/packages/vant/src/list/index.less index ab6369426..cf09171c3 100644 --- a/packages/vant/src/list/index.less +++ b/packages/vant/src/list/index.less @@ -1,5 +1,5 @@ :root { - --van-list-text-color: var(--van-text-color-secondary); + --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/loading/README.md b/packages/vant/src/loading/README.md index 5158cd05c..f986c83f9 100644 --- a/packages/vant/src/loading/README.md +++ b/packages/vant/src/loading/README.md @@ -99,10 +99,10 @@ import type { LoadingType, LoadingProps } 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-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-duration | _0.8s_ | - | +| Name | Default Value | Description | +| ------------------------------ | ------------------------- | ----------- | +| --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-duration | _0.8s_ | - | diff --git a/packages/vant/src/loading/README.zh-CN.md b/packages/vant/src/loading/README.zh-CN.md index ab2a90040..4ac7c86de 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-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-duration | _0.8s_ | - | diff --git a/packages/vant/src/loading/index.less b/packages/vant/src/loading/index.less index d8b96c7e9..5c795d9fb 100644 --- a/packages/vant/src/loading/index.less +++ b/packages/vant/src/loading/index.less @@ -1,5 +1,5 @@ :root { - --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/password-input/README.md b/packages/vant/src/password-input/README.md index 5146716c6..59a1e8fb6 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-radius | _6px_ | - | | --van-password-input-background | _var(--van-background-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 fb8ac93b7..e8490ae30 100644 --- a/packages/vant/src/password-input/README.zh-CN.md +++ b/packages/vant/src/password-input/README.zh-CN.md @@ -164,20 +164,20 @@ export default { 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-password-input-height | _50px_ | - | -| --van-password-input-margin | _0 var(--van-padding-md)_ | - | -| --van-password-input-font-size | _20px_ | - | -| --van-password-input-radius | _6px_ | - | -| --van-password-input-background | _var(--van-background-light)_ | - | -| --van-password-input-info-color | _var(--van-text-color-secondary)_ | - | -| --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_ | - | -| --van-password-input-dot-color | _var(--van-text-color)_ | - | -| --van-password-input-text-color | _var(--van-text-color)_ | - | -| --van-password-input-cursor-color | _var(--van-text-color)_ | - | -| --van-password-input-cursor-width | _1px_ | - | -| --van-password-input-cursor-height | _40%_ | - | -| --van-password-input-cursor-duration | _1s_ | - | +| 名称 | 默认值 | 描述 | +| ------------------------------------- | ----------------------------- | ---- | +| --van-password-input-height | _50px_ | - | +| --van-password-input-margin | _0 var(--van-padding-md)_ | - | +| --van-password-input-font-size | _20px_ | - | +| --van-password-input-radius | _6px_ | - | +| --van-password-input-background | _var(--van-background-light)_ | - | +| --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_ | - | +| --van-password-input-dot-color | _var(--van-text-color)_ | - | +| --van-password-input-text-color | _var(--van-text-color)_ | - | +| --van-password-input-cursor-color | _var(--van-text-color)_ | - | +| --van-password-input-cursor-width | _1px_ | - | +| --van-password-input-cursor-height | _40%_ | - | +| --van-password-input-cursor-duration | _1s_ | - | diff --git a/packages/vant/src/password-input/index.less b/packages/vant/src/password-input/index.less index 47f41ea5f..d12382536 100644 --- a/packages/vant/src/password-input/index.less +++ b/packages/vant/src/password-input/index.less @@ -4,7 +4,7 @@ --van-password-input-font-size: 20px; --van-password-input-radius: 6px; --van-password-input-background: var(--van-background-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/picker/README.md b/packages/vant/src/picker/README.md index d263de000..a195ebcb9 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-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 ac332355b..dca100c1e 100644 --- a/packages/vant/src/picker/README.zh-CN.md +++ b/packages/vant/src/picker/README.zh-CN.md @@ -438,23 +438,23 @@ pickerRef.value?.confirm(); 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-picker-background | _var(--van-background-light)_ | - | -| --van-picker-toolbar-height | _44px_ | - | -| --van-picker-title-font-size | _var(--van-font-size-lg)_ | - | -| --van-picker-title-line-height | _var(--van-line-height-md)_ | - | -| --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-link-color)_ | - | -| --van-picker-cancel-action-color | _var(--van-text-color-secondary)_ | - | -| --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)_ | - | -| --van-picker-option-disabled-opacity | _0.3_ | - | -| --van-picker-mask-color | _linear-gradient_ | - | -| --van-picker-loading-icon-color | _var(--van-primary-color)_ | - | -| --van-picker-loading-mask-color | _rgba(255, 255, 255, 0.9)_ | - | +| 名称 | 默认值 | 描述 | +| ------------------------------------ | ----------------------------- | ---- | +| --van-picker-background | _var(--van-background-light)_ | - | +| --van-picker-toolbar-height | _44px_ | - | +| --van-picker-title-font-size | _var(--van-font-size-lg)_ | - | +| --van-picker-title-line-height | _var(--van-line-height-md)_ | - | +| --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-link-color)_ | - | +| --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)_ | - | +| --van-picker-option-disabled-opacity | _0.3_ | - | +| --van-picker-mask-color | _linear-gradient_ | - | +| --van-picker-loading-icon-color | _var(--van-primary-color)_ | - | +| --van-picker-loading-mask-color | _rgba(255, 255, 255, 0.9)_ | - | ## 常见问题 diff --git a/packages/vant/src/picker/index.less b/packages/vant/src/picker/index.less index 680ad4983..28e4c0e39 100644 --- a/packages/vant/src/picker/index.less +++ b/packages/vant/src/picker/index.less @@ -6,7 +6,7 @@ --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-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-font-size: var(--van-font-size-lg); --van-picker-option-padding: 0 var(--van-padding-base); --van-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 d6f9c819f..1f1a5ea3c 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 | _var(--van-background-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 | _#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 163e60c31..703050c95 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 | _var(--van-background-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 | _#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/index.less b/packages/vant/src/popover/index.less index 6e27b5ecc..8fe31a319 100644 --- a/packages/vant/src/popover/index.less +++ b/packages/vant/src/popover/index.less @@ -8,14 +8,10 @@ --van-popover-action-icon-size: 20px; --van-popover-light-text-color: var(--van-text-color); --van-popover-light-background: var(--van-background-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: #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); } .van-popover { 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/index.less b/packages/vant/src/pull-refresh/index.less index aa5e3dd4d..c10e89e81 100644 --- a/packages/vant/src/pull-refresh/index.less +++ b/packages/vant/src/pull-refresh/index.less @@ -1,7 +1,7 @@ :root { --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/radio/README.md b/packages/vant/src/radio/README.md index a68a1d6e6..9b465c586 100644 --- a/packages/vant/src/radio/README.md +++ b/packages/vant/src/radio/README.md @@ -219,14 +219,14 @@ import type { 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-radio-size | _20px_ | - | -| --van-radio-border-color | _var(--van-gray-5)_ | - | -| --van-radio-duration | _var(--van-duration-fast)_ | - | -| --van-radio-label-margin | _var(--van-padding-xs)_ | - | -| --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-background | _var(--van-border-color)_ | - | +| Name | Default Value | Description | +| -------------------------------- | -------------------------- | ----------- | +| --van-radio-size | _20px_ | - | +| --van-radio-border-color | _var(--van-gray-5)_ | - | +| --van-radio-duration | _var(--van-duration-fast)_ | - | +| --van-radio-label-margin | _var(--van-padding-xs)_ | - | +| --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-3)_ | - | +| --van-radio-disabled-background | _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 6e518362b..c90ca5c1a 100644 --- a/packages/vant/src/radio/README.zh-CN.md +++ b/packages/vant/src/radio/README.zh-CN.md @@ -233,14 +233,14 @@ import type { 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| -------------------------------- | -------------------------------- | ---- | -| --van-radio-size | _20px_ | - | -| --van-radio-border-color | _var(--van-gray-5)_ | - | -| --van-radio-duration | _var(--van-duration-fast)_ | - | -| --van-radio-label-margin | _var(--van-padding-xs)_ | - | -| --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-background | _var(--van-border-color)_ | - | +| 名称 | 默认值 | 描述 | +| -------------------------------- | -------------------------- | ---- | +| --van-radio-size | _20px_ | - | +| --van-radio-border-color | _var(--van-gray-5)_ | - | +| --van-radio-duration | _var(--van-duration-fast)_ | - | +| --van-radio-label-margin | _var(--van-padding-xs)_ | - | +| --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-3)_ | - | +| --van-radio-disabled-background | _var(--van-border-color)_ | - | diff --git a/packages/vant/src/radio/index.less b/packages/vant/src/radio/index.less index 3f3a6b94c..eb8f55fab 100644 --- a/packages/vant/src/radio/index.less +++ b/packages/vant/src/radio/index.less @@ -6,7 +6,7 @@ --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: var(--van-border-color); } diff --git a/packages/vant/src/share-sheet/README.md b/packages/vant/src/share-sheet/README.md index 9b2c010da..5c8193e35 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 fc43c2db2..aef82da84 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/index.less b/packages/vant/src/share-sheet/index.less index 5b066ef35..9386f464a 100644 --- a/packages/vant/src/share-sheet/index.less +++ b/packages/vant/src/share-sheet/index.less @@ -5,13 +5,13 @@ --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/sidebar-item/index.less b/packages/vant/src/sidebar-item/index.less index 5c84bd10c..4b2f57e22 100644 --- a/packages/vant/src/sidebar-item/index.less +++ b/packages/vant/src/sidebar-item/index.less @@ -2,7 +2,7 @@ --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: var(--van-background); diff --git a/packages/vant/src/sidebar/README.md b/packages/vant/src/sidebar/README.md index 1e084656f..8cefd7fd1 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 | _var(--van-background)_ | - | diff --git a/packages/vant/src/sidebar/README.zh-CN.md b/packages/vant/src/sidebar/README.zh-CN.md index d4a503069..1eb3ee710 100644 --- a/packages/vant/src/sidebar/README.zh-CN.md +++ b/packages/vant/src/sidebar/README.zh-CN.md @@ -146,19 +146,19 @@ import type { SidebarProps, SidebarItemProps } from 'vant'; 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-sidebar-width | _80px_ | - | -| --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-padding | _20px var(--van-padding-sm)_ | - | -| --van-sidebar-active-color | _var(--van-active-color)_ | - | -| --van-sidebar-background | _var(--van-background)_ | - | -| --van-sidebar-selected-font-weight | _var(--van-font-bold)_ | - | -| --van-sidebar-selected-text-color | _var(--van-text-color)_ | - | -| --van-sidebar-selected-border-width | _4px_ | - | -| --van-sidebar-selected-border-height | _16px_ | - | -| --van-sidebar-selected-border-color | _var(--van-danger-color)_ | - | -| --van-sidebar-selected-background | _var(--van-background-light)_ | - | +| 名称 | 默认值 | 描述 | +| ------------------------------------ | ----------------------------- | ---- | +| --van-sidebar-width | _80px_ | - | +| --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-3)_ | - | +| --van-sidebar-padding | _20px var(--van-padding-sm)_ | - | +| --van-sidebar-active-color | _var(--van-active-color)_ | - | +| --van-sidebar-background | _var(--van-background)_ | - | +| --van-sidebar-selected-font-weight | _var(--van-font-bold)_ | - | +| --van-sidebar-selected-text-color | _var(--van-text-color)_ | - | +| --van-sidebar-selected-border-width | _4px_ | - | +| --van-sidebar-selected-border-height | _16px_ | - | +| --van-sidebar-selected-border-color | _var(--van-danger-color)_ | - | +| --van-sidebar-selected-background | _var(--van-background-light)_ | - | 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/index.less b/packages/vant/src/step/index.less index e999f240f..e929ff8c3 100644 --- a/packages/vant/src/step/index.less +++ b/packages/vant/src/step/index.less @@ -1,5 +1,5 @@ :root { - --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/stepper/README.md b/packages/vant/src/stepper/README.md index 06a3a9126..90b68c072 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 | _var(--van-active-color)_ | - | | --van-stepper-radius | _var(--van-radius-md)_ | - | diff --git a/packages/vant/src/stepper/README.zh-CN.md b/packages/vant/src/stepper/README.zh-CN.md index 190400cfb..4d4deeae8 100644 --- a/packages/vant/src/stepper/README.zh-CN.md +++ b/packages/vant/src/stepper/README.zh-CN.md @@ -191,21 +191,21 @@ import type { StepperTheme, StepperProps } from 'vant'; 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-stepper-background | _var(--van-active-color)_ | - | -| --van-stepper-button-icon-color | _var(--van-text-color)_ | - | -| --van-stepper-button-disabled-color | _var(--van-background)_ | - | -| --van-stepper-button-disabled-icon-color | _var(--van-gray-5)_ | - | -| --van-stepper-button-round-theme-color | _var(--van-danger-color)_ | - | -| --van-stepper-input-width | _32px_ | - | -| --van-stepper-input-height | _28px_ | - | -| --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-background | _var(--van-active-color)_ | - | -| --van-stepper-radius | _var(--van-radius-md)_ | - | +| 名称 | 默认值 | 描述 | +| ---------------------------------------- | ------------------------- | ---- | +| --van-stepper-background | _var(--van-active-color)_ | - | +| --van-stepper-button-icon-color | _var(--van-text-color)_ | - | +| --van-stepper-button-disabled-color | _var(--van-background)_ | - | +| --van-stepper-button-disabled-icon-color | _var(--van-gray-5)_ | - | +| --van-stepper-button-round-theme-color | _var(--van-danger-color)_ | - | +| --van-stepper-input-width | _32px_ | - | +| --van-stepper-input-height | _28px_ | - | +| --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-3)_ | - | +| --van-stepper-input-disabled-background | _var(--van-active-color)_ | - | +| --van-stepper-radius | _var(--van-radius-md)_ | - | ## 常见问题 diff --git a/packages/vant/src/stepper/index.less b/packages/vant/src/stepper/index.less index 5e7530522..7a03e4cec 100644 --- a/packages/vant/src/stepper/index.less +++ b/packages/vant/src/stepper/index.less @@ -9,7 +9,7 @@ --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: var(--van-active-color); --van-stepper-radius: var(--van-radius-md); } diff --git a/packages/vant/src/steps/README.md b/packages/vant/src/steps/README.md index 9bd9500cc..5b4005c66 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 ee058f3e5..662690151 100644 --- a/packages/vant/src/steps/README.zh-CN.md +++ b/packages/vant/src/steps/README.zh-CN.md @@ -121,17 +121,17 @@ import type { StepsProps, StepsDirection } from 'vant'; 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| --- | --- | --- | -| --van-step-text-color | _var(--van-text-color-secondary)_ | - | -| --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)_ | - | -| --van-step-line-color | _var(--van-border-color)_ | - | -| --van-step-finish-line-color | _var(--van-success-color)_ | - | -| --van-step-finish-text-color | _var(--van-text-color)_ | - | -| --van-step-icon-size | _12px_ | - | -| --van-step-circle-size | _5px_ | - | -| --van-step-circle-color | _var(--van-gray-6)_ | - | -| --van-step-horizontal-title-font-size | _var(--van-font-size-sm)_ | - | -| --van-steps-background | _var(--van-background-light)_ | - | +| 名称 | 默认值 | 描述 | +| ------------------------------------- | ----------------------------- | ---- | +| --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)_ | - | +| --van-step-line-color | _var(--van-border-color)_ | - | +| --van-step-finish-line-color | _var(--van-success-color)_ | - | +| --van-step-finish-text-color | _var(--van-text-color)_ | - | +| --van-step-icon-size | _12px_ | - | +| --van-step-circle-size | _5px_ | - | +| --van-step-circle-color | _var(--van-gray-6)_ | - | +| --van-step-horizontal-title-font-size | _var(--van-font-size-sm)_ | - | +| --van-steps-background | _var(--van-background-light)_ | - | diff --git a/packages/vant/src/style/css-variables.less b/packages/vant/src/style/css-variables.less index 0583954e1..394211915 100644 --- a/packages/vant/src/style/css-variables.less +++ b/packages/vant/src/style/css-variables.less @@ -27,8 +27,8 @@ --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-link-color: #576b95; --van-active-color: var(--van-gray-2); --van-active-opacity: 0.6; @@ -54,11 +54,13 @@ --van-line-height-sm: 18px; --van-line-height-md: 20px; --van-line-height-lg: 22px; - --van-base-font: -apple-system, blinkmacsystemfont, 'Helvetica Neue', - helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui', + /* stylelint-disable */ + --van-base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', + Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; - --van-price-font: avenir-heavy, pingfang sc, helvetica neue, arial, + --van-price-font: avenir-heavy, 'PingFang SC', helvetica neue, arial, sans-serif; + /* stylelint-enable */ // Animation --van-duration-base: 0.3s; diff --git a/packages/vant/src/tab/README.md b/packages/vant/src/tab/README.md index ffc90945e..4fb357bf8 100644 --- a/packages/vant/src/tab/README.md +++ b/packages/vant/src/tab/README.md @@ -319,17 +319,17 @@ tabsRef.value?.scrollTo(0); 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-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-font-size | _var(--van-font-size-md)_ | - | -| --van-tab-line-height | _var(--van-line-height-md)_ | - | -| --van-tabs-default-color | _var(--van-danger-color)_ | - | -| --van-tabs-line-height | _44px_ | - | -| --van-tabs-card-height | _30px_ | - | -| --van-tabs-nav-background | _var(--van-background-light)_ | - | -| --van-tabs-bottom-bar-width | _40px_ | - | -| --van-tabs-bottom-bar-height | _3px_ | - | -| --van-tabs-bottom-bar-color | _var(--van-danger-color)_ | - | +| Name | Default Value | Description | +| ----------------------------- | ----------------------------- | ----------- | +| --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-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)_ | - | +| --van-tabs-line-height | _44px_ | - | +| --van-tabs-card-height | _30px_ | - | +| --van-tabs-nav-background | _var(--van-background-light)_ | - | +| --van-tabs-bottom-bar-width | _40px_ | - | +| --van-tabs-bottom-bar-height | _3px_ | - | +| --van-tabs-bottom-bar-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 f92d5f210..d40b65382 100644 --- a/packages/vant/src/tab/README.zh-CN.md +++ b/packages/vant/src/tab/README.zh-CN.md @@ -334,20 +334,20 @@ tabsRef.value?.scrollTo(0); 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。 -| 名称 | 默认值 | 描述 | -| ----------------------------- | -------------------------------- | ---- | -| --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-font-size | _var(--van-font-size-md)_ | - | -| --van-tab-line-height | _var(--van-line-height-md)_ | - | -| --van-tabs-default-color | _var(--van-danger-color)_ | - | -| --van-tabs-line-height | _44px_ | - | -| --van-tabs-card-height | _30px_ | - | -| --van-tabs-nav-background | _var(--van-background-light)_ | - | -| --van-tabs-bottom-bar-width | _40px_ | - | -| --van-tabs-bottom-bar-height | _3px_ | - | -| --van-tabs-bottom-bar-color | _var(--van-danger-color)_ | - | +| 名称 | 默认值 | 描述 | +| ----------------------------- | ----------------------------- | ---- | +| --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-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)_ | - | +| --van-tabs-line-height | _44px_ | - | +| --van-tabs-card-height | _30px_ | - | +| --van-tabs-nav-background | _var(--van-background-light)_ | - | +| --van-tabs-bottom-bar-width | _40px_ | - | +| --van-tabs-bottom-bar-height | _3px_ | - | +| --van-tabs-bottom-bar-color | _var(--van-danger-color)_ | - | ## 常见问题 diff --git a/packages/vant/src/tabs/index.less b/packages/vant/src/tabs/index.less index 4a47b28b4..a620a29eb 100644 --- a/packages/vant/src/tabs/index.less +++ b/packages/vant/src/tabs/index.less @@ -1,7 +1,7 @@ :root { --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/uploader/README.md b/packages/vant/src/uploader/README.md index a707d87ab..e01206512 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 | _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 8400760fc..568a2b0bd 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 | _var(--van-gray-1)_ | - | | --van-uploader-upload-active-color | _var(--van-active-color)_ | - | diff --git a/packages/vant/src/uploader/index.less b/packages/vant/src/uploader/index.less index fcf70a918..ce0ea57a9 100644 --- a/packages/vant/src/uploader/index.less +++ b/packages/vant/src/uploader/index.less @@ -2,7 +2,7 @@ --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: var(--van-gray-1); --van-uploader-upload-active-color: var(--van-active-color);