diff options
| author | Adam <[email protected]> | 2026-01-21 13:31:06 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2026-01-22 22:12:12 -0600 |
| commit | 1e1872aada10fc39126e13675560e692e80258d0 (patch) | |
| tree | 0953f5260711ad2232af9f5d3ba5c3fe031f93ab /packages/ui/src/pierre | |
| parent | cb481d9ac861813d4ff091ed33bcac9e882da1a1 (diff) | |
| download | opencode-1e1872aada10fc39126e13675560e692e80258d0.tar.gz opencode-1e1872aada10fc39126e13675560e692e80258d0.zip | |
wip(app): line selection
Diffstat (limited to 'packages/ui/src/pierre')
| -rw-r--r-- | packages/ui/src/pierre/index.ts | 21 |
1 files changed, 16 insertions, 5 deletions
diff --git a/packages/ui/src/pierre/index.ts b/packages/ui/src/pierre/index.ts index 16bc08f86..cef515613 100644 --- a/packages/ui/src/pierre/index.ts +++ b/packages/ui/src/pierre/index.ts @@ -32,11 +32,12 @@ const unsafeCSS = ` --diffs-bg-addition-number: var(--diffs-bg-addition-number-override, light-dark( color-mix(in lab, var(--diffs-bg) 91%, var(--diffs-addition-base)), color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-addition-base)))); --diffs-bg-addition-hover: var(--diffs-bg-addition-hover-override, light-dark( color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base)), color-mix(in lab, var(--diffs-bg) 70%, var(--diffs-addition-base)))); --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(--text-interactive-base); - --diffs-selection-number-fg: light-dark( color-mix(in lab, var(--diffs-selection-base) 65%, var(--diffs-mixer)), color-mix(in lab, var(--diffs-selection-base) 75%, var(--diffs-mixer))); - --diffs-bg-selection: var(--diffs-bg-selection-override, rgb(from var(--diffs-selection-base) r g b / 0.18)); - --diffs-bg-selection-number: var(--diffs-bg-selection-number-override, rgb(from var(--diffs-selection-base) r g b / 0.22)); - --diffs-bg-selection-text: rgb(from var(--diffs-selection-base) r g b / 0.12); + --diffs-selection-base: var(--surface-warning-strong); + --diffs-selection-border: var(--border-warning-base); + --diffs-selection-number-fg: var(--text-on-warning-strong); + --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-text: color-mix(in oklch, var(--surface-warning-strong) 20%, transparent); } [data-diffs] ::selection { @@ -52,6 +53,16 @@ const unsafeCSS = ` color: var(--diffs-selection-number-fg); } +[data-diffs] [data-selected-line] { + background-color: var(--diffs-bg-selection); + box-shadow: inset 2px 0 0 var(--diffs-selection-border); +} + +[data-diffs] [data-selected-line] [data-column-number] { + background-color: var(--diffs-bg-selection-number); + color: var(--diffs-selection-number-fg); +} + [data-diffs-header], [data-diffs] { [data-separator-wrapper] { |