forked from opentiny/tiny-vue
fix(grid): [grid] update dark theme (#3166)
This commit is contained in:
parent
45cfa3433a
commit
5db3bd8f3d
|
|
@ -73,7 +73,7 @@
|
|||
.@{grid-body-prefix-cls}__column {
|
||||
// 设置鼠标或者键盘选中时,单元格的背景颜色
|
||||
&.col__selected {
|
||||
background-color: #fff;
|
||||
background-color: var(--tv-Grid-col-active-bg-color);
|
||||
}
|
||||
|
||||
// 修复计数器组件在表格中显示异常问题
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Reference in New Issue