mirror of
https://github.com/LHY0125/PathEditor.git
synced 2026-06-29 01:45:54 +08:00
fix: 深色模式下选中行对比度不足 — 新增 CSS 变量分别适配浅色/深色主题
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -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)',
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 滚动条样式 */
|
/* 滚动条样式 */
|
||||||
|
|||||||
Reference in New Issue
Block a user