fix(app): line selection styling

This commit is contained in:
adamelmore 2026-01-25 11:25:26 -06:00
commit 9a89cd91d7
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
3 changed files with 134 additions and 33 deletions

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)
);
}