diff --git a/packages/theme/src/grid/body.less b/packages/theme/src/grid/body.less index df05526d6..895293937 100644 --- a/packages/theme/src/grid/body.less +++ b/packages/theme/src/grid/body.less @@ -73,7 +73,7 @@ .@{grid-body-prefix-cls}__column { // 设置鼠标或者键盘选中时,单元格的背景颜色 &.col__selected { - background-color: #fff; + background-color: var(--tv-Grid-col-active-bg-color); } // 修复计数器组件在表格中显示异常问题 diff --git a/packages/theme/src/grid/header.less b/packages/theme/src/grid/header.less index 5044bd229..f28c187ba 100644 --- a/packages/theme/src/grid/header.less +++ b/packages/theme/src/grid/header.less @@ -52,7 +52,8 @@ } &.col__title-checked { - background-color: #dcdcdc; + background-color: var(--tv-Grid-col-header-active-bg-color); + border: 1px solid var(--tv-Grid-col-header-active-border-color); .@{grid-prefix-cls}-edit-icon { &.@{grid-prefix-cls}-icon__edit-outline { diff --git a/packages/theme/src/grid/table.less b/packages/theme/src/grid/table.less index 46a9371c0..745a0633a 100644 --- a/packages/theme/src/grid/table.less +++ b/packages/theme/src/grid/table.less @@ -376,7 +376,8 @@ background-color: var(--tv-Grid-header-bg-color); &.col__index-checked { - background-color: #dcdcdc; + background-color: var(--tv-Grid-col-active-bg-color); + border: 1px solid var(--tv-Grid-col-body-active-border-color); } } } @@ -760,7 +761,7 @@ & &-body__column { &.col__selected { &:not(.col__checked) { - box-shadow: inset 0 0 0 2px var(--tv-Grid-cell-border-color-selected); + border: 1px solid var(--tv-Grid-cell-border-color-selected); } } diff --git a/packages/theme/src/grid/vars.less b/packages/theme/src/grid/vars.less index 68dcebee3..26569e253 100644 --- a/packages/theme/src/grid/vars.less +++ b/packages/theme/src/grid/vars.less @@ -158,6 +158,14 @@ --tv-Grid-toolbar-btn-icon-border-radius: var(--tv-border-radius-md, 6px); // 工具栏字体颜色 --tv-Grid-column-anchor-text-color: var(--tv-color-text, #191919); + // 表格选中后背景色 + --tv-Grid-col-active-bg-color: var(--tv-color-bg-active-secondary, #ffffff); + // 工具栏选中后背景色 + --tv-Grid-col-header-active-bg-color: var(--tv-color-bg-active-secondary, #ffffff); + // 工具栏选中后边框色 + --tv-Grid-col-header-active-border-color: var(--tv-color-border-active, #191919); + // 表格选中后边框色 + --tv-Grid-col-body-active-border-color: var(--tv-color-border-active, #191919); // -------mini/small表格------- // mini表格表头高度 --tv-Grid-header-height-mini: var(--tv-size-height-sm, 28px);