Skip to content

Commit 56f2fc3

Browse files
authored
fix(tabs): [tabs] Adapt to the old theme style (#2523)
* fix(tabs): [tabs] 适配旧主题样式风格 * fix(e2e): 修复测试用例报错
1 parent 372bc66 commit 56f2fc3

File tree

3 files changed

+3
-12
lines changed

3 files changed

+3
-12
lines changed

packages/theme/src/base/vars.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -337,7 +337,6 @@
337337
--tv-color-bg-active-secondary: var(--tv-base-color-common-1); // #fff 次要背景色active色/下拉选中的背景色/一级tab页签背景-选中色/树控件选中背景颜色
338338
--tv-color-bg-active-emphasize: var(--tv-base-color-brand-2); // #deecff 时间选择选中背景色
339339
--tv-color-bg-active-emphasize-light: var(--tv-base-color-brand-1); // #f0f7ff 表格选中背景色
340-
--tv-color-bg-active-dark: var(--tv-base-color-common-11); // #191919 深色背景色激活色(待确认)
341340

342341
/** 2.7 边框色/分割线颜色 **/
343342

packages/theme/src/tabs/index.less

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -432,8 +432,6 @@
432432

433433
&.is-active {
434434
top: -1px;
435-
border-bottom: var(--tv-Tabs-item-bottom-border-weight) var(--tv-Tabs-item-bottom-border-style)
436-
var(--tv-Tabs-item-bottom-border-color);
437435
border-top: var(--tv-Tabs-item-top-right-border-weight) solid var(--tv-Tabs-border-color); // aurora新增
438436
border-left: 1px solid var(--tv-Tabs-border-color);
439437
border-right: var(--tv-Tabs-item-top-right-border-weight) solid var(--tv-Tabs-border-color); // aurora新增

packages/theme/src/tabs/vars.less

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -67,10 +67,6 @@
6767
--tv-Tabs-small-item-font-size: var(--tv-font-size-heading-xs, 16px);
6868
// card类型标签项水平内边距
6969
--tv-Tabs-item-padding-horizontal: var(--tv-space-lg, 12px);
70-
// card类型选中项底部小滑块厚度(hide)
71-
--tv-Tabs-item-bottom-border-weight: var(--tv-border-width, 1px);
72-
// card类型选中项底部边框色
73-
--tv-Tabs-item-bottom-border-color: var(--tv-color-act-primary-border-light-hover, #ffffff);
7470
// card类型选中项(不含下|左)边框厚度
7571
--tv-Tabs-item-top-right-border-weight: var(--tv-border-width, 1px);
7672
// card类型选中项背景色
@@ -103,8 +99,6 @@
10399
--tv-Tabs-item-margin-right: 32px;
104100
// 标签项active边框样式(hide)
105101
--tv-Tabs-item-active-border-style: solid;
106-
// 标签项底部边框样式(hide)
107-
--tv-Tabs-item-bottom-border-style: solid;
108102
// 横向标签栏字号
109103
--tv-Tabs-item-font-size: var(--tv-font-size-heading-xs, 16px);
110104
// 纵向标签栏非选中项背景色
@@ -152,7 +146,7 @@
152146
// 内容水平外边距
153147
--tv-Tabs-content-margin-horizontal: 0px;
154148
// buttoncard类型标签栏背景色
155-
--tv-Tabs-button-card-nav-bg-color: var(--tv-color-bg-active, #f5f5f5);
149+
--tv-Tabs-button-card-nav-bg-color: var(--tv-color-bg, #f5f5f5);
156150
// buttoncard类型选项文本色
157151
--tv-Tabs-button-card-item-text-color: #595959;
158152
// buttoncard类型选项悬浮文本色
@@ -162,9 +156,9 @@
162156
// buttoncard类型选项高度
163157
--tv-Tabs-button-card-item-height: var(--tv-size-height-md, 32px);
164158
// buttoncard类型选中项背景色
165-
--tv-Tabs-button-card-item-active-bg-color: var(--tv-color-act-primary-bg-white-active, #ffffff);
159+
--tv-Tabs-button-card-item-active-bg-color: var(--tv-color-success-bg-white, #ffffff);
166160
// buttoncard类型选中项文本色
167-
--tv-Tabs-button-card-item-active-text-color: #191919;
161+
--tv-Tabs-button-card-item-active-text-color: var(--tv-color-act-primary-text, #191919);
168162
// buttoncard类型选中项边框色
169163
--tv-Tabs-button-card-item-active-border-color: #191919;
170164
// buttoncard类型圆角

0 commit comments

Comments
 (0)