HTML Tree: Improve Linux GTK styling (for dark theme support)

Closes #2424
This commit is contained in:
Adomas Venčkauskas 2022-03-18 10:40:47 +02:00
parent 388d18d017
commit 7182531ec9

View file

@ -1,5 +1,5 @@
.virtualized-table { .virtualized-table {
border: 1px solid #ccc; border: 1px solid ThreeDShadow;
} }
.virtualized-table, .drag-image-container { .virtualized-table, .drag-image-container {
.twisty { .twisty {
@ -10,18 +10,33 @@
} }
} }
.virtualized-table-header { .virtualized-table-header {
background-image: linear-gradient(#fff, #fafafa); background-image: linear-gradient(-moz-field, -moz-dialog 120%);
border-bottom: 1px solid ThreeDShadow;
border-inline-end: 1px solid ThreeDShadow;
&.dragging { .cell {
color: #666; &:hover {
background: #f8f8f8; background: -moz-field;
} }
.cell .sort-indicator { &.dragging {
transform: scale(1.25); background: -moz-dialog;
}
&.ascending { .resizer {
transform: scale(1.25) rotate(180deg); background: linear-gradient(ThreeDShadow, ThreeDShadow) no-repeat center/1px 80%;
}
.sort-indicator {
transform: scale(1.25);
&.ascending {
transform: scale(1.25) rotate(180deg);
}
} }
} }
} }
.twisty svg {
fill: WindowText;
}