starred/orca
1
0
Fork 0
mirror of https://github.com/stablyai/orca.git synced 2026-10-16 08:03:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Soften terminal overlay icon backings

Browse Source 
Co-authored-by: Orca <help@stably.ai>
This commit is contained in:
brennanb2025
2026-06-24 13:23:16 -07:00
co-authored by Orca
parent 1174949f5f
commit 5ec7764982
1 changed files with 35 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/src/assets/terminal.css
+35 -3
View File
@@ -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;
}