monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(ui): fix selected line number color in diff view for light/dark mode

Browse Source
This commit is contained in:
David Hill
2026-01-24 17:55:40 +00:00
parent f4bcf0062a
commit 363ff153a4
1 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/ui/src/pierre/index.ts
View File

@@ -34,7 +34,7 @@ const unsafeCSS = `
--diffs-bg-addition-emphasis: var(--diffs-bg-addition-emphasis-override, light-dark(rgb(from var(--diffs-addition-base) r g b / 0.07), rgb(from var(--diffs-addition-base) r g b / 0.1))); --diffs-bg-addition-emphasis: var(--diffs-bg-addition-emphasis-override, light-dark(rgb(from var(--diffs-addition-base) r g b / 0.07), rgb(from var(--diffs-addition-base) r g b / 0.1)));
--diffs-selection-base: var(--surface-warning-strong); --diffs-selection-base: var(--surface-warning-strong);
--diffs-selection-border: var(--border-warning-base); --diffs-selection-border: var(--border-warning-base);
--diffs-selection-number-fg: var(--text-on-warning-strong); --diffs-selection-number-fg: #1c1917;
--diffs-bg-selection: var(--diffs-bg-selection-override, color-mix(in oklch, var(--surface-warning-base) 65%, transparent)); --diffs-bg-selection: var(--diffs-bg-selection-override, color-mix(in oklch, var(--surface-warning-base) 65%, transparent));
--diffs-bg-selection-number: var(--diffs-bg-selection-number-override, color-mix(in oklch, var(--surface-warning-base) 85%, transparent)); --diffs-bg-selection-number: var(--diffs-bg-selection-number-override, color-mix(in oklch, var(--surface-warning-base) 85%, transparent));
--diffs-bg-selection-text: color-mix(in oklch, var(--surface-warning-strong) 20%, transparent); --diffs-bg-selection-text: color-mix(in oklch, var(--surface-warning-strong) 20%, transparent);
@@ -49,8 +49,8 @@ const unsafeCSS = `
} }
[data-diffs] [data-comment-selected] [data-column-number] { [data-diffs] [data-comment-selected] [data-column-number] {
background-color: var(--diffs-bg-selection-number); background-color: var(--diffs-bg-selection-number) !important;
color: var(--diffs-selection-number-fg); color: var(--diffs-selection-number-fg) !important;
} }
[data-diffs] [data-selected-line] { [data-diffs] [data-selected-line] {
@@ -59,8 +59,23 @@ const unsafeCSS = `
} }
[data-diffs] [data-selected-line] [data-column-number] { [data-diffs] [data-selected-line] [data-column-number] {
background-color: var(--diffs-bg-selection-number); background-color: var(--diffs-bg-selection-number) !important;
color: var(--diffs-selection-number-fg); color: var(--diffs-selection-number-fg) !important;
}
[data-diffs] [data-line-type='context'][data-selected-line] [data-column-number],
[data-diffs] [data-line-type='context-expanded'][data-selected-line] [data-column-number],
[data-diffs] [data-line-type='change-addition'][data-selected-line] [data-column-number],
[data-diffs] [data-line-type='change-deletion'][data-selected-line] [data-column-number] {
color: var(--diffs-selection-number-fg) !important;
}
@media (prefers-color-scheme: dark) {
[data-diffs] {
--diffs-selection-number-fg: #fdfbfb;
--diffs-bg-selection: var(--diffs-bg-selection-override, color-mix(in oklch, var(--solaris-dark-6) 65%, transparent));
--diffs-bg-selection-number: var(--diffs-bg-selection-number-override, color-mix(in oklch, var(--solaris-dark-6) 85%, transparent));
}
} }
[data-diffs-header], [data-diffs-header],