diff --git a/packages/theme/src/divider/index.less b/packages/theme/src/divider/index.less index 97bc56d929..b914032ca4 100644 --- a/packages/theme/src/divider/index.less +++ b/packages/theme/src/divider/index.less @@ -4,14 +4,13 @@ @divider-prefix-cls: ~'@{css-prefix}divider'; .@{divider-prefix-cls} { - .component-css-vars-divider(); + .inject-Divider-vars(); position: relative; &&--horizontal { display: block; margin: 24px 0; - border-top: 1px solid var(--ti-divider-dividing-line); - opacity: var(--ti-divider-horizontal-opacity); + border-top: 1px solid var(--tv-Divider-dividing-line); } &&--vertical { @@ -20,16 +19,15 @@ height: 1em; margin: 0 8px; vertical-align: middle; - border-left: 1px solid var(--ti-divider-dividing-line); - opacity: var(--ti-divider-vertical-opacity); + border-left: 1px solid var(--tv-Divider-dividing-line); } &__text { position: absolute; font-size: 14px; font-weight: 500; - color: var(--ti-divider-text-color); - background-color: var(--ti-divider-text-bg-color); + color: var(--tv-Divider-text-color); + background-color: var(--tv-Divider-text-bg-color); &.is-left { left: 20px; diff --git a/packages/theme/src/divider/vars.less b/packages/theme/src/divider/vars.less index 54ad8aee56..ee5839db4f 100644 --- a/packages/theme/src/divider/vars.less +++ b/packages/theme/src/divider/vars.less @@ -1,12 +1,8 @@ -.component-css-vars-divider() { - // 不开放(hide) - --ti-divider-dividing-line: var(--ti-common-color-bg-dark-disabled, #dbdbdb); +.inject-Divider-vars() { + // 分割线颜色 + --tv-Divider-dividing-line: var(--tv-color-border-divider-short); // 文案背景色 - --ti-divider-text-bg-color: var(--ti-common-color-line-dividing, #f0f0f0); + --tv-Divider-text-bg-color: var(--tv-color-border-divider); // 文案文本色 - --ti-divider-text-color: var(--ti-common-color-text-primary, #191919); - //分割线横向透明度 - --ti-divider-horizontal-opacity: 1; - //分割线纵向透明度 - --ti-divider-vertical-opacity: 1; + --tv-Divider-text-color: var(--tv-color-text); }