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

fix(app): line selection styling

Browse Source
This commit is contained in:
adamelmore
2026-01-25 11:25:26 -06:00
parent 65ac318282
commit 9a89cd91d7
3 changed files with 131 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -44,12 +44,12 @@ const unsafeCSS = `
background-color: var(--diffs-bg-selection-text);
}
[data-diffs] [data-comment-selected] {
background-color: var(--diffs-bg-selection);
[data-diffs] [data-comment-selected]:not([data-selected-line]) [data-column-content] {
box-shadow: inset 0 0 0 9999px var(--diffs-bg-selection);
}
[data-diffs] [data-comment-selected] [data-column-number] {
background-color: var(--diffs-bg-selection-number);
[data-diffs] [data-comment-selected]:not([data-selected-line]) [data-column-number] {
box-shadow: inset 0 0 0 9999px var(--diffs-bg-selection-number);
color: var(--diffs-selection-number-fg);
}
@@ -73,7 +73,7 @@ const unsafeCSS = `
/* The deletion word-diff emphasis is stronger than additions; soften it while selected so the selection highlight reads consistently. */
[data-diffs] [data-line-type='change-deletion'][data-selected-line] {
--diffs-bg-deletion-emphasis: light-dark(
rgb(from var(--diffs-deletion-base) r g b / 0.15),
rgb(from var(--diffs-deletion-base) r g b / 0.07),
rgb(from var(--diffs-deletion-base) r g b / 0.1)
);
}