diff --git a/packages/desktop/src/renderer/src/prefComponents/keybindings/index.vue b/packages/desktop/src/renderer/src/prefComponents/keybindings/index.vue index 675db1ea3b..8db2deccf2 100644 --- a/packages/desktop/src/renderer/src/prefComponents/keybindings/index.vue +++ b/packages/desktop/src/renderer/src/prefComponents/keybindings/index.vue @@ -335,11 +335,12 @@ const dumpKeyboardInformation = (): void => { .pref-keybindings .el-table__fixed::before { background: var(--tableBorderColor); } -.pref-keybindings .el-table__body tr.hover-row.current-row > td, -.pref-keybindings .el-table__body tr.hover-row.el-table__row--striped.current-row > td, -.pref-keybindings .el-table__body tr.hover-row.el-table__row--striped > td, -.pref-keybindings .el-table__body tr.hover-row > td { - background: var(--selectionColor); +/* Element Plus paints the hovered row via --el-table-row-hover-bg-color, which + defaults to the light --el-fill-color-light — a near-white bar that hides the + theme-coloured text on dark themes. Point it at the theme's own selection + colour so hovered rows stay readable on every theme (follow-up to #3937). */ +.pref-keybindings .el-table { + --el-table-row-hover-bg-color: var(--selectionColor); } .pref-keybindings .el-table .el-table__cell { padding: 2px 0;