Skip to content

Commit 9e49e76

Browse files
authored
fix(tooltip): [tooltip,transfer] fix dark theme views (#3241)
1 parent 323f2d6 commit 9e49e76

File tree

4 files changed

+25
-7
lines changed

4 files changed

+25
-7
lines changed

examples/sites/demos/pc/app/tooltip/control-composition-api.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,6 @@ const disabled = ref(false)
8080
cursor: pointer;
8181
}
8282
.ellipsis:hover {
83-
background-color: #c0c0c0;
83+
background-color: #5291ff;
8484
}
8585
</style>

examples/sites/demos/pc/app/tooltip/control.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,6 @@ export default {
8989
cursor: pointer;
9090
}
9191
.ellipsis:hover {
92-
background-color: #c0c0c0;
92+
background-color: #5291ff;
9393
}
9494
</style>

packages/theme/src/table/index.less

+17-4
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@
2929
display: table-row;
3030
vertical-align: inherit;
3131
border-color: inherit;
32+
border-bottom: 1px solid var(--tv-Table-border-color);
3233
}
3334

3435
tbody {
@@ -57,7 +58,7 @@
5758
text-align: center;
5859
vertical-align: middle;
5960
color: var(--tv-Table-nodata-text-color);
60-
background-color: transparent;
61+
background-color: transparent;
6162
}
6263
}
6364
}
@@ -115,10 +116,22 @@
115116
.@{table-cell-prefix-cls} {
116117
.@{svg-prefix-cls} {
117118
font-size: var(--tv-Table-icon-font-size);
118-
fill: var(--tv-Table-border-color);
119+
border-radius: var(--tv-Table-check-icon-border-radius);
120+
& path:last-child{
121+
fill: var(--tv-Table-border-color);
122+
}
119123

120-
&.is-check {
121-
fill: var(--tv-Table-check-icon-color);
124+
& path:first-child {
125+
fill: transparent;
126+
}
127+
&.is-check {
128+
& path:last-child{
129+
fill: var(--tv-Table-half-check-icon-color);
130+
}
131+
132+
& path:first-child {
133+
fill: var(--tv-Table-check-icon-color);
134+
}
122135
}
123136
}
124137
}

packages/theme/src/table/vars.less

+6-1
Original file line numberDiff line numberDiff line change
@@ -28,11 +28,16 @@
2828
// 表格单元格字体大小
2929
--tv-Table-td-font-size: var(--tv-font-size-default, 14px);
3030
// 表格边框颜色
31-
--tv-Table-border-color: var(--tv-color-border, #c2c2c2);
31+
--tv-Table-border-color: var(--tv-color-border-divider);
3232
// 表头背景颜色
3333
--tv-Table-thead-bg-color: var(--tv-color-bg-header, #f5f5f5);
3434
// 表格图标字体大小
3535
--tv-Table-icon-font-size: var(--tv-font-size-lg, 16px);
3636
// 表格复选框选中图标颜色
3737
--tv-Table-check-icon-color: var(--tv-color-icon-control-active, #1476ff);
38+
// 表格复选框半选色
39+
--tv-Table-half-check-icon-color: var(--tv-color-text-inverse);
40+
// 表格复选框边框圆角
41+
--tv-Table-check-icon-border-radius: var(--tv-border-radius-sm);
42+
3843
}

0 commit comments

Comments
 (0)