diff --git a/examples/sites/demos/pc/app/tooltip/control-composition-api.vue b/examples/sites/demos/pc/app/tooltip/control-composition-api.vue index 591c063c39..325a204ce6 100644 --- a/examples/sites/demos/pc/app/tooltip/control-composition-api.vue +++ b/examples/sites/demos/pc/app/tooltip/control-composition-api.vue @@ -80,6 +80,6 @@ const disabled = ref(false) cursor: pointer; } .ellipsis:hover { - background-color: #c0c0c0; + background-color: #5291ff; } diff --git a/examples/sites/demos/pc/app/tooltip/control.vue b/examples/sites/demos/pc/app/tooltip/control.vue index 27661bf482..335a22b827 100644 --- a/examples/sites/demos/pc/app/tooltip/control.vue +++ b/examples/sites/demos/pc/app/tooltip/control.vue @@ -89,6 +89,6 @@ export default { cursor: pointer; } .ellipsis:hover { - background-color: #c0c0c0; + background-color: #5291ff; } diff --git a/packages/theme/src/table/index.less b/packages/theme/src/table/index.less index ebee5ea0e2..bc97332f51 100644 --- a/packages/theme/src/table/index.less +++ b/packages/theme/src/table/index.less @@ -29,6 +29,7 @@ display: table-row; vertical-align: inherit; border-color: inherit; + border-bottom: 1px solid var(--tv-Table-border-color); } tbody { @@ -57,7 +58,7 @@ text-align: center; vertical-align: middle; color: var(--tv-Table-nodata-text-color); - background-color: transparent; + background-color: transparent; } } } @@ -115,10 +116,22 @@ .@{table-cell-prefix-cls} { .@{svg-prefix-cls} { font-size: var(--tv-Table-icon-font-size); - fill: var(--tv-Table-border-color); + border-radius: var(--tv-Table-check-icon-border-radius); + & path:last-child{ + fill: var(--tv-Table-border-color); + } - &.is-check { - fill: var(--tv-Table-check-icon-color); + & path:first-child { + fill: transparent; + } + &.is-check { + & path:last-child{ + fill: var(--tv-Table-half-check-icon-color); + } + + & path:first-child { + fill: var(--tv-Table-check-icon-color); + } } } } diff --git a/packages/theme/src/table/vars.less b/packages/theme/src/table/vars.less index 84188c7411..2f483b16ef 100644 --- a/packages/theme/src/table/vars.less +++ b/packages/theme/src/table/vars.less @@ -28,11 +28,16 @@ // 表格单元格字体大小 --tv-Table-td-font-size: var(--tv-font-size-default, 14px); // 表格边框颜色 - --tv-Table-border-color: var(--tv-color-border, #c2c2c2); + --tv-Table-border-color: var(--tv-color-border-divider); // 表头背景颜色 --tv-Table-thead-bg-color: var(--tv-color-bg-header, #f5f5f5); // 表格图标字体大小 --tv-Table-icon-font-size: var(--tv-font-size-lg, 16px); // 表格复选框选中图标颜色 --tv-Table-check-icon-color: var(--tv-color-icon-control-active, #1476ff); + // 表格复选框半选色 + --tv-Table-half-check-icon-color: var(--tv-color-text-inverse); + // 表格复选框边框圆角 + --tv-Table-check-icon-border-radius: var(--tv-border-radius-sm); + }