From 0ce6fa17c8dfcf824222bbd5ed063e72e539f4cc Mon Sep 17 00:00:00 2001
From: Neil <4138956+nwparker@users.noreply.github.com>
Date: Sun, 1 Nov 2026 19:27:49 -0800
Subject: [PATCH] fix(sidebar): keep the host pill outlined on the selected
 workspace card (#37294)

* fix(sidebar): keep the host pill legible on the selected workspace card

* fix(sidebar): keep nested lineage cards out of the selected host pill rule

* fix(sidebar): leave the host pill label on its theme-validated color

* fix(sidebar): derive the selected host pill border from the validated sidebar foreground
---
 src/renderer/src/assets/main.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/renderer/src/assets/main.css b/src/renderer/src/assets/main.css
index d590327a539..cb98881ad36 100644
--- a/src/renderer/src/assets/main.css
+++ b/src/renderer/src/assets/main.css
@@ -1518,6 +1518,13 @@ html.native-shell .app-layout {
   box-shadow: 0 1px 2px color-mix(in srgb, var(--worktree-sidebar-foreground) 3%, transparent);
 }
 
+/* #15971: the wash matches the pill's fill, so its border carries the shape; 80% keeps >=3:1 wherever the validated foreground is >=4.5:1. */
+@scope ([data-worktree-card-surface][data-worktree-card-active='primary']) to ([data-worktree-lineage-children]) {
+  [data-variant='hostContext'] {
+    border-color: color-mix(in srgb, var(--worktree-sidebar-foreground) 80%, transparent);
+  }
+}
+
 [data-worktree-card-surface][data-worktree-card-active='secondary'] {
   border-color: color-mix(in srgb, var(--sidebar-ring) 25%, transparent);
   background: color-mix(in srgb, var(--sidebar-accent) 45%, transparent);