fix: 深色模式下选中行对比度不足 — 新增 CSS 变量分别适配浅色/深色主题

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-28 21:25:54 +08:00
parent 230fb5d741
commit 5ed15535e7
2 changed files with 3 additions and 1 deletions
+1 -1
View File
@@ -188,7 +188,7 @@ export function PathTable({ tabId }: PathTableProps) {
className="cursor-pointer select-none" className="cursor-pointer select-none"
style={{ style={{
backgroundColor: isSelected backgroundColor: isSelected
? 'rgba(59, 130, 246, 0.3)' ? 'var(--app-select-row)'
: rowIdx % 2 === 0 : rowIdx % 2 === 0
? 'var(--app-list-bg)' ? 'var(--app-list-bg)'
: 'var(--app-list-alt)', : 'var(--app-list-alt)',
+2
View File
@@ -41,6 +41,7 @@ body {
--app-fg: var(--color-light-fg); --app-fg: var(--color-light-fg);
--app-border: var(--color-light-border); --app-border: var(--color-light-border);
--app-hover: var(--color-light-hover); --app-hover: var(--color-light-hover);
--app-select-row: rgba(59, 130, 246, 0.18);
} }
/* 深色模式 */ /* 深色模式 */
@@ -51,6 +52,7 @@ body {
--app-fg: var(--color-dark-fg); --app-fg: var(--color-dark-fg);
--app-border: var(--color-dark-border); --app-border: var(--color-dark-border);
--app-hover: var(--color-dark-hover); --app-hover: var(--color-dark-hover);
--app-select-row: rgba(96, 165, 250, 0.35);
} }
/* 滚动条样式 */ /* 滚动条样式 */