Skip to content

Commit ea30b4c

Browse files
committed
fix(theme): [select] fix multiple components not using the correct scene common variable
1 parent ff97bdf commit ea30b4c

File tree

11 files changed

+33
-28
lines changed

11 files changed

+33
-28
lines changed

packages/theme/src/base/index.less

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,4 +13,5 @@
1313
@import './reset.less';
1414
@import './vars.less';
1515
// @import './old-theme.less';
16+
// @import './aurora-theme.less';
1617
@import './transition.less';

packages/theme/src/base/old-theme.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -337,7 +337,6 @@
337337
--tv-color-bg-hover-secondary: var(--tv-base-color-common-1); // #fff 次要背景色悬浮色 / 穿梭框头部/折叠面板背景色
338338
--tv-color-bg-hover-1: var(--tv-base-color-brand-1); // #f2f5fc 浅蓝色场景:悬浮背景色-日期悬浮 /选块悬浮态背景色
339339
--tv-color-bg-hover-2: var(--tv-base-color-common-5); // #e6e6e6 轮播箭头背景悬浮色
340-
--tv-color-bg-hover-3: var(--tv-base-color-brand-1); // #f0f7ff 悬浮背景色
341340
--tv-color-bg-hover-dark: var(--tv-base-color-common-10); // #5c6173 深色背景悬浮色
342341

343342
/* 2.6.4 active/选中 */

packages/theme/src/base/vars.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -339,7 +339,6 @@
339339
--tv-color-bg-hover-secondary: var(--tv-base-color-common-1); // #fff 次要背景色悬浮色 / 穿梭框头部/折叠面板背景色
340340
--tv-color-bg-hover-1: var(--tv-base-color-brand-2); // #deecff 浅蓝色场景:悬浮背景色-日期悬浮 /选块悬浮态背景色
341341
--tv-color-bg-hover-2: var(--tv-base-color-common-5); // #e6e6e6 轮播箭头背景悬浮色
342-
--tv-color-bg-hover-3: var(--tv-base-color-brand-1); // #f0f7ff 悬浮背景色
343342
--tv-color-bg-hover-dark:var(--tv-base-color-common-11); // #191919 深色背景悬浮色 (这个颜色待和设计师确认,原本tab用的#191919)
344343

345344
/* 2.6.4 active/选中 */

packages/theme/src/breadcrumb/index.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,6 @@
6969
}
7070

7171
& &__separator {
72-
font-family: var(--tv-Breadcrumb-font-family);
7372
color: var(--tv-Breadcrumb-separator-icon-color);
7473
margin: var(--tv-Breadcrumb-separator-margin-y) var(--tv-Breadcrumb-separator-margin-x);
7574
vertical-align: middle;

packages/theme/src/button/vars.less

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -233,64 +233,64 @@
233233
--tv-Button-border-color-ghost-active-default: var(--tv-color-border-ghost-active);
234234

235235
// primary 主题时按钮激活的背景色
236-
--tv-Button-bg-color-active-primary: var(--tv-color-act-primary-bg-active);
236+
--tv-Button-bg-color-active-primary: var(--tv-color-act-primary-bg-hover);
237237
// primary 主题时按钮激活的边框色
238-
--tv-Button-border-color-active-primary: var(--tv-color-act-primary-border-active);
238+
--tv-Button-border-color-active-primary: var(--tv-color-act-primary-border-hover);
239239
// primary 主题时按钮激活的文本色
240240
--tv-Button-text-color-active-primary: var(--tv-color-act-primary-text-white-active);
241241
// primary 主题时按钮激活的朴素背景色
242-
--tv-Button-bg-color-plain-active-primary: var(--tv-color-act-primary-bg-white-active);
242+
--tv-Button-bg-color-plain-active-primary: var(--tv-color-act-primary-bg-white-hover);
243243
// primary 主题时按钮激活的朴素边框色
244-
--tv-Button-border-color-plain-active-primary: var(--tv-color-act-primary-bg-white-active); // 无边框
244+
--tv-Button-border-color-plain-active-primary: var(--tv-color-act-primary-bg-white-hover); // 无边框
245245
// primary 主题时按钮激活的朴素文本色
246246
--tv-Button-text-color-plain-active-primary: var(--tv-color-act-primary-plain-text-hover);
247247
// primary 主题时按钮激活的幽灵边框色
248248
--tv-Button-border-color-ghost-active-primary: var(--tv-color-act-primary-plain-text-hover);
249249

250250
// success 主题时按钮激活的背景色
251-
--tv-Button-bg-color-active-success: var(--tv-color-act-success-bg-active);
251+
--tv-Button-bg-color-active-success: var(--tv-color-act-success-bg-hover);
252252
// success 主题时按钮激活的边框色
253-
--tv-Button-border-color-active-success: var(--tv-color-act-success-border-active);
253+
--tv-Button-border-color-active-success: var(--tv-color-act-success-border-hover);
254254
// success 主题时按钮激活的文本色
255255
--tv-Button-text-color-active-success: var(--tv-color-act-success-text-white-active);
256256
// success 主题时按钮激活的朴素背景色
257-
--tv-Button-bg-color-plain-active-success: var(--tv-color-act-success-bg-light-active);
257+
--tv-Button-bg-color-plain-active-success: var(--tv-color-act-success-bg-light-hover);
258258
// success 主题时按钮激活的朴素边框色
259-
--tv-Button-border-color-plain-active-success: var(--tv-color-act-success-bg-light-active); // 无边框
259+
--tv-Button-border-color-plain-active-success: var(--tv-color-act-success-bg-light-hover); // 无边框
260260
// success 主题时按钮激活的朴素文本色
261261
--tv-Button-text-color-plain-active-success: var(--tv-color-act-success-plain-text-hover);
262262
// success 主题时按钮激活的幽灵边框色
263-
--tv-Button-border-color-ghost-active-success: var(--tv-color-act-success-border-active-1);
263+
--tv-Button-border-color-ghost-active-success: var(--tv-color-act-success-border-hover-1);
264264

265265
// warning 主题时按钮激活的背景色
266266
--tv-Button-bg-color-active-warning: var(--tv-color-act-warning-bg-active);
267267
// warning 主题时按钮激活的边框色
268-
--tv-Button-border-color-active-warning: var(--tv-color-act-warning-border-active);
268+
--tv-Button-border-color-active-warning: var(--tv-color-act-warning-border-hover);
269269
// warning 主题时按钮激活的文本色
270270
--tv-Button-text-color-active-warning: var(--tv-color-act-warning-text-white-active);
271271
// warning 主题时按钮激活的朴素背景色
272-
--tv-Button-bg-color-plain-active-warning: var(--tv-color-act-warning-bg-light-active);
272+
--tv-Button-bg-color-plain-active-warning: var(--tv-color-act-warning-bg-light-hover);
273273
// warning 主题时按钮激活的朴素边框色
274-
--tv-Button-border-color-plain-active-warning: var(--tv-color-act-warning-bg-light-active); // 无边框
274+
--tv-Button-border-color-plain-active-warning: var(--tv-color-act-warning-bg-light-hover); // 无边框
275275
// warning 主题时按钮激活的朴素文本色
276276
--tv-Button-text-color-plain-active-warning: var(--tv-color-act-warning-plain-text-hover);
277277
// warning 主题时按钮激活的幽灵边框色
278278
--tv-Button-border-color-ghost-active-warning: var(--tv-color-act-warning-border-active-1);
279279

280280
// danger 主题时按钮激活的背景色
281-
--tv-Button-bg-color-active-danger: var(--tv-color-act-danger-bg-active);
281+
--tv-Button-bg-color-active-danger: var(--tv-color-act-danger-bg-hover);
282282
// danger 主题时按钮激活的边框色
283-
--tv-Button-border-color-active-danger: var(--tv-color-act-danger-border-active);
283+
--tv-Button-border-color-active-danger: var(--tv-color-act-danger-border-hover);
284284
// danger 主题时按钮激活的文本色
285285
--tv-Button-text-color-active-danger: var(--tv-color-act-danger-text-white-active);
286286
// danger 主题时按钮激活的朴素背景色
287-
--tv-Button-bg-color-plain-active-danger: var(--tv-color-act-danger-bg-light-active);
287+
--tv-Button-bg-color-plain-active-danger: var(--tv-color-act-danger-bg-light-hover);
288288
// danger 主题时按钮激活的朴素边框色
289-
--tv-Button-border-color-plain-active-danger: var(--tv-color-act-danger-bg-light-active);
289+
--tv-Button-border-color-plain-active-danger: var(--tv-color-act-danger-bg-light-hover);
290290
// danger 主题时按钮激活的朴素文本色
291291
--tv-Button-text-color-plain-active-danger: var(--tv-color-act-danger-plain-text-hover);
292292
// danger 主题时按钮激活的幽灵边框色
293-
--tv-Button-border-color-ghost-active-danger: var(--tv-color-act-danger-border-active-1);
293+
--tv-Button-border-color-ghost-active-danger: var(--tv-color-act-danger-border-hover-1);
294294

295295
// info 主题时按钮激活的背景色
296296
--tv-Button-bg-color-active-info: var(--tv-color-act-info-bg-active);
@@ -299,7 +299,7 @@
299299
// info 主题时按钮激活的文本色
300300
--tv-Button-text-color-active-info: var(--tv-color-act-info-text-white-active);
301301
// info 主题时按钮激活的朴素背景色
302-
--tv-Button-bg-color-plain-active-info: var(--tv-color-act-info-bg-light-active);
302+
--tv-Button-bg-color-plain-active-info: var(--tv-color-act-info-bg-light-hover);
303303
// info 主题时按钮激活的朴素边框色
304304
--tv-Button-border-color-plain-active-info: var(--tv-color-act-info-bg-light-active);
305305
// info 主题时按钮激活的朴素文本色

packages/theme/src/calendar/vars.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
// 日历日期选中背景颜色
2525
--tv-Calendar-day-selected-bg: var(--tv-color-bg-active-emphasize-light);
2626
// 日历日期悬浮背景颜色
27-
--tv-Calendar-day-hover-bg: var(--tv-color-bg-hover-3);
27+
--tv-Calendar-day-hover-bg: var(--tv-color-bg-hover);
2828
// 日历日期成功背景颜色
2929
--tv-Calendar-bg-color-success: var(--tv-color-success-bg);
3030
// 日历日期警告背景颜色

packages/theme/src/option/index.less

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -93,9 +93,14 @@
9393
cursor: not-allowed;
9494

9595
.tiny-svg {
96-
fill: var(--tv-Option-icon-color-checked-disabled);
96+
&.checked-sur,
97+
&.halfselect {
98+
fill: var(--tv-Option-icon-color-checked-disabled);
99+
}
97100

98101
&.check {
102+
fill: var(--tv-Option-icon-color-unchecked-disabled); /* #bfbfbf */
103+
99104
path:first-of-type {
100105
fill: var(--tv-Option-icon-bg-color-disabled);
101106
}

packages/theme/src/option/vars.less

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,10 @@
3030
--tv-Option-icon-color-unchecked: var(--tv-color-border, #c2c2c2);
3131
// 复选框选中色
3232
--tv-Option-icon-color-checked: var(--tv-color-icon-control-active, #1476ff);
33-
// 复选框禁用色
33+
// 复选框禁用色(选中)
3434
--tv-Option-icon-color-checked-disabled: var(--tv-color-icon-checked-disabled, #dbdbdb);
35+
// 复选框禁用色(未选中)
36+
--tv-Option-icon-color-unchecked-disabled: var(--tv-color-icon-control-disabled, #dbdbdb);
3537
// 复选框未选中项禁用背景色
3638
--tv-Option-icon-bg-color-disabled: var(--tv-color-bg-disabled, #f0f0f0);
3739

packages/theme/src/pager/vars.less

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,9 +52,9 @@
5252
--tv-Pager-min-width-xs: 24px;
5353
// -------分页页码相关样式-------
5454
// 分页页码选中时背景色
55-
--tv-Pager-page-item-bg-color-active: var(--tv-color-bg);
55+
--tv-Pager-page-item-bg-color-active: var(--tv-color-bg-active);
5656
// 分页页码悬浮时背景色
57-
--tv-Pager-page-item-bg-color-hover: var(--tv-color-bg);
57+
--tv-Pager-page-item-bg-color-hover: var(--tv-color-bg-hover);
5858
// 分页页码边框颜色
5959
--tv-Pager-page-item-border-color: transparent;
6060
// 分页页码禁用状态下边框颜色

packages/theme/src/popeditor/vars.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
// 输入框右侧默认图标悬浮色
2121
--tv-Popeditor-icon-color-hover: var(--tv-color-icon-hover);
2222
// 输入框右侧默认图标字号
23-
--tv-Popeditor-icon-font-size: var(--tv-font-size-default);
23+
--tv-Popeditor-icon-font-size: var(--tv-icon-size);
2424
// 输入框右侧默认图标高度
2525
--tv-Popeditor-icon-height: var(--tv-size-height-md);
2626
// 输入框右侧默认图标行高

0 commit comments

Comments
 (0)