From 1174949f5ffa67202d9be9c5a0ba878e940c775c Mon Sep 17 00:00:00 2001 From: brennanb2025 Date: Tue, 23 Jun 2026 23:58:45 -0700 Subject: [PATCH] Use opaque terminal overlay icon strokes Co-authored-by: Orca --- src/renderer/src/assets/terminal.css | 25 +++++++------------------ 1 file changed, 7 insertions(+), 18 deletions(-) diff --git a/src/renderer/src/assets/terminal.css b/src/renderer/src/assets/terminal.css index 64d7d9723c7..e9c67003ff8 100644 --- a/src/renderer/src/assets/terminal.css +++ b/src/renderer/src/assets/terminal.css @@ -360,13 +360,6 @@ pointer-events: auto; } -.pane-title-bar[data-chromeless] .pane-title-split-trigger, -.pane-title-bar[data-chromeless] .pane-title-close { - /* Why: these controls intentionally overlap row-one terminal text. The - button surface must be opaque, not just the icon stroke. */ - background: var(--orca-pane-title-bg, var(--background)); -} - .pane-title-close { flex-shrink: 0; margin-left: auto; @@ -389,6 +382,13 @@ transition: opacity 120ms ease; } +.pane-title-bar[data-chromeless] .pane-title-split-trigger svg, +.pane-title-bar[data-chromeless] .pane-title-close svg { + /* Why: chromeless controls overlap row-one terminal text, so the glyphs + need enough opaque stroke weight without adding a blocking button fill. */ + stroke-width: 2.75px; +} + .pane-title-bar[data-active-pane] .pane-title-split-trigger, .pane-title-bar[data-active-pane] .pane-title-close, .pane-title-bar:hover .pane-title-split-trigger, @@ -414,17 +414,6 @@ color: var(--orca-pane-title-button-hover-fg, rgb(255 255 255 / 0.8)); } -.pane-title-bar[data-chromeless] .pane-title-close:hover, -.pane-title-bar[data-chromeless] .pane-title-close:active, -.pane-title-bar[data-chromeless] .pane-title-close[data-state='delayed-open'], -.pane-title-bar[data-chromeless] .pane-title-close[data-state='instant-open'], -.pane-title-bar[data-chromeless] .pane-title-split-trigger:hover, -.pane-title-bar[data-chromeless] .pane-title-split-trigger:active, -.pane-title-bar[data-chromeless] .pane-title-split-trigger[data-state='delayed-open'], -.pane-title-bar[data-chromeless] .pane-title-split-trigger[data-state='instant-open'] { - background: var(--orca-pane-title-bg, var(--background)); -} - /* Inline edit input — matches the title text styling exactly to prevent layout shift. A subtle bottom border indicates active edit mode. */ /* When inline-editing, remove the bar's side padding so the input