From 1e43a57c7942b6a7608dd873bdc4eb9f90e91191 Mon Sep 17 00:00:00 2001 From: shenjunjian <40288193@qq.com> Date: Wed, 19 Feb 2025 01:15:58 -0800 Subject: [PATCH 1/3] fix(button): fix button in dark mode, is-icon and is-only-icon dont have color --- packages/theme/src/button/index.less | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/packages/theme/src/button/index.less b/packages/theme/src/button/index.less index 2ed86a08cf..fab1c4360b 100644 --- a/packages/theme/src/button/index.less +++ b/packages/theme/src/button/index.less @@ -325,6 +325,11 @@ &.@{button-prefix-cls}--mini { .size-only-icon-ontext-iconsize-mixin(-mini); } + + & .@{svg-prefix-cls} { + fill: var(--tv-color-icon); + color: var(--tv-color-icon); + } } } @@ -360,6 +365,8 @@ align-items: center; .tiny-svg { + fill: var(--tv-color-icon); + color: var(--tv-color-icon); margin-right: var(--tv-Button-margin-right-isicon-svg); } } From 3e36b0eece71dd6901ca6d60581758f6a7a72645 Mon Sep 17 00:00:00 2001 From: shenjunjian <40288193@qq.com> Date: Wed, 19 Feb 2025 01:23:21 -0800 Subject: [PATCH 2/3] fix(tag): add lost style for tag's demo --- examples/sites/demos/pc/app/tag/effect-composition-api.vue | 7 +++++++ examples/sites/demos/pc/app/tag/effect.vue | 7 +++++++ examples/sites/demos/pc/app/tag/size-composition-api.vue | 2 +- examples/sites/demos/pc/app/tag/size.vue | 2 +- .../demos/pc/app/tag/tag-event-click-composition-api.vue | 7 +++++++ examples/sites/demos/pc/app/tag/tag-event-click.vue | 7 +++++++ 6 files changed, 30 insertions(+), 2 deletions(-) diff --git a/examples/sites/demos/pc/app/tag/effect-composition-api.vue b/examples/sites/demos/pc/app/tag/effect-composition-api.vue index c309deac5e..c83323850f 100644 --- a/examples/sites/demos/pc/app/tag/effect-composition-api.vue +++ b/examples/sites/demos/pc/app/tag/effect-composition-api.vue @@ -29,3 +29,10 @@ const items = ref([ { type: 'warning', label: '标签五' } ]) + + diff --git a/examples/sites/demos/pc/app/tag/effect.vue b/examples/sites/demos/pc/app/tag/effect.vue index 408efe59be..b09d6f0e0e 100644 --- a/examples/sites/demos/pc/app/tag/effect.vue +++ b/examples/sites/demos/pc/app/tag/effect.vue @@ -37,3 +37,10 @@ export default { } } + + diff --git a/examples/sites/demos/pc/app/tag/size-composition-api.vue b/examples/sites/demos/pc/app/tag/size-composition-api.vue index d8427e8156..47e6ded55e 100644 --- a/examples/sites/demos/pc/app/tag/size-composition-api.vue +++ b/examples/sites/demos/pc/app/tag/size-composition-api.vue @@ -17,7 +17,7 @@ import { IconHeartempty } from '@opentiny/vue-icon' const TinyIconHeartempty = IconHeartempty() - diff --git a/examples/sites/demos/pc/app/tag/tag-event-click.vue b/examples/sites/demos/pc/app/tag/tag-event-click.vue index 8b8a5f5011..52e4d894a9 100644 --- a/examples/sites/demos/pc/app/tag/tag-event-click.vue +++ b/examples/sites/demos/pc/app/tag/tag-event-click.vue @@ -31,3 +31,10 @@ export default { } } + + From 5febde2c8fe071998bb68a833209943cb312edab Mon Sep 17 00:00:00 2001 From: shenjunjian <40288193@qq.com> Date: Wed, 19 Feb 2025 01:41:49 -0800 Subject: [PATCH 3/3] fix(tag): update tag adapter dark mode --- .../demos/pc/app/tag/color-border-composition-api.vue | 6 +++--- examples/sites/demos/pc/app/tag/color-border.vue | 6 +++--- packages/theme/src/tag/vars.less | 10 +++++----- 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/examples/sites/demos/pc/app/tag/color-border-composition-api.vue b/examples/sites/demos/pc/app/tag/color-border-composition-api.vue index 4c6c6eac99..5421ea3233 100644 --- a/examples/sites/demos/pc/app/tag/color-border-composition-api.vue +++ b/examples/sites/demos/pc/app/tag/color-border-composition-api.vue @@ -21,8 +21,8 @@ import { TinyTag } from '@opentiny/vue' diff --git a/examples/sites/demos/pc/app/tag/color-border.vue b/examples/sites/demos/pc/app/tag/color-border.vue index 5a94c5161d..c028318aff 100644 --- a/examples/sites/demos/pc/app/tag/color-border.vue +++ b/examples/sites/demos/pc/app/tag/color-border.vue @@ -27,8 +27,8 @@ export default { diff --git a/packages/theme/src/tag/vars.less b/packages/theme/src/tag/vars.less index dff9cb1d15..f064187067 100644 --- a/packages/theme/src/tag/vars.less +++ b/packages/theme/src/tag/vars.less @@ -91,7 +91,7 @@ // 默认标签plain的文本色 --tv-Tag-text-color-plain: var(--tv-color-text); // 默认标签plain的背景色 - --tv-Tag-bg-color-plain: var(--tv-color-bg-secondary); + --tv-Tag-bg-color-plain: transparent; // 默认标签plain的边框色 --tv-Tag-border-color-plain: var(--tv-color-border-hover); // 没有正确的边框色 @@ -110,7 +110,7 @@ // success 主题时标签plain的文本色 --tv-Tag-text-color-plain-success: var(--tv-color-success-text); // success 主题时标签plain的背景色 - --tv-Tag-bg-color-plain-success: var(--tv-color-success-text-white); + --tv-Tag-bg-color-plain-success: transparent; // success 主题时标签plain的边框色 --tv-Tag-border-color-plain-success: var(--tv-color-success-border); @@ -129,7 +129,7 @@ // error 主题时标签plain的文本色 --tv-Tag-text-color-plain-danger: var(--tv-color-error-text); // error 主题时标签plain的背景色 - --tv-Tag-bg-color-plain-danger: var(--tv-color-error-bg-white); + --tv-Tag-bg-color-plain-danger: transparent; // error 主题时标签plain的边框色 --tv-Tag-border-color-plain-danger: var(--tv-color-error-border); @@ -148,7 +148,7 @@ // warning 主题时标签plain的文本色 --tv-Tag-text-color-plain-warning: var(--tv-color-warn-text); // warning 主题时标签plain的背景色 - --tv-Tag-bg-color-plain-warning: var(--tv-color-warn-text-white); + --tv-Tag-bg-color-plain-warning: transparent; // warning 主题时标签plain的边框色 --tv-Tag-border-color-plain-warning: var(--tv-color-warn-border); @@ -167,7 +167,7 @@ // info 主题时标签plain的文本色 --tv-Tag-text-color-plain-info: var(--tv-color-info-text); // info 主题时标签plain的背景色 - --tv-Tag-bg-color-plain-info: var(--tv-color-info-bg-white); + --tv-Tag-bg-color-plain-info: transparent; // info 主题时标签plain的边框色 --tv-Tag-border-color-plain-info: var(--tv-color-info-border);