From 5ec77649820da2d7e78f58017f7e93f4e2df78eb Mon Sep 17 00:00:00 2001 From: brennanb2025 Date: Wed, 24 Jun 2026 13:23:16 -0700 Subject: [PATCH] Soften terminal overlay icon backings Co-authored-by: Orca --- src/renderer/src/assets/terminal.css | 38 +++++++++++++++++++++++++--- 1 file changed, 35 insertions(+), 3 deletions(-) diff --git a/src/renderer/src/assets/terminal.css b/src/renderer/src/assets/terminal.css index e9c67003ff8..97d3cbb4744 100644 --- a/src/renderer/src/assets/terminal.css +++ b/src/renderer/src/assets/terminal.css @@ -352,7 +352,7 @@ .pane-title-bar[data-chromeless] { background: transparent; border-bottom: none; - padding: 0 4px; + padding: 0 2px; pointer-events: none; } @@ -360,6 +360,37 @@ pointer-events: auto; } +.pane-title-bar[data-chromeless] .pane-title-split-trigger, +.pane-title-bar[data-chromeless] .pane-title-close { + position: relative; + width: 18px; + min-width: 18px; + height: var(--orca-pane-title-height); + padding: 0; +} + +.pane-title-bar[data-chromeless] .pane-title-close { + margin-left: -1px; +} + +.pane-title-bar[data-chromeless] .pane-title-split-trigger::before, +.pane-title-bar[data-chromeless] .pane-title-close::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 23px; + height: 23px; + background: radial-gradient( + circle, + var(--orca-pane-title-bg, var(--background)) 0 44%, + color-mix(in srgb, var(--orca-pane-title-bg, var(--background)) 74%, transparent) 62%, + transparent 100% + ); + border-radius: 9999px; + transform: translate(-50%, -50%); +} + .pane-title-close { flex-shrink: 0; margin-left: auto; @@ -384,8 +415,9 @@ .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. */ + /* Why: chromeless controls overlap row-one terminal text; the rounded backing + clears text inside open glyphs without adding one shared toolbar fill. */ + position: relative; stroke-width: 2.75px; }