fix(grid): [grid] update dark theme (#3166)

This commit is contained in:
wuyiping0628 2025-03-19 20:34:35 -07:00 committed by GitHub
parent 45cfa3433a
commit 5db3bd8f3d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 14 additions and 4 deletions

View File

@ -73,7 +73,7 @@
.@{grid-body-prefix-cls}__column {
// 设置鼠标或者键盘选中时,单元格的背景颜色
&.col__selected {
background-color: #fff;
background-color: var(--tv-Grid-col-active-bg-color);
}
// 修复计数器组件在表格中显示异常问题

View File

@ -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 {

View File

@ -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);
}
}

View File

@ -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);