From 41d303623fcc7414c1741c8cc060c42e7e1651a5 Mon Sep 17 00:00:00 2001 From: Menghuan1918 Date: Sat, 29 Aug 2026 11:45:29 +0800 Subject: [PATCH] style: restyle the reveal highlight as a merged business-blue block MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The reveal tint now uses the DSH business-blue surface (--dsw-alias-state-business-tertiary, the same source the host's nav items use for their active accent, skin-aware) instead of a neutral accent wash, and drops the 2px left bar. Consecutive revealed rows square off their touching edges (sibling combinator + :has), so a multi-file highlight renders as ONE rounded block — per-row radius notches no longer fragment it; a solo row keeps the full radius. --- src/client/sidebar.module.css | 23 ++++++++++++++++++++--- 1 file changed, 20 insertions(+), 3 deletions(-) diff --git a/src/client/sidebar.module.css b/src/client/sidebar.module.css index 710ccc2..9d06be8 100644 --- a/src/client/sidebar.module.css +++ b/src/client/sidebar.module.css @@ -951,10 +951,27 @@ body[data-dsh-sidebar-dragging] .bottomPanel { } /* A "Show in folder" reveal highlight: the target row stays tinted until - the transient reveal set is cleared (a reload starts unhighlighted). */ + the transient reveal set is cleared (a reload starts unhighlighted). + The DSH business-blue surface (the same source the host's nav items use + for their active accent) — a flat tint, deliberately no left bar. */ .explorerRowRevealed { - background: color-mix(in srgb, var(--dsw-alias-interactive-bg-hover-accent) 18%, transparent); - box-shadow: inset 2px 0 0 var(--dsw-alias-interactive-bg-hover-accent); + background: var(--dsw-alias-state-business-tertiary); +} + +/* Reveal sets usually list sibling files — consecutive tinted rows merge + into ONE rounded block: the touching edges square off, so a multi-file + highlight has no per-row radius notches. A solo revealed row (or the + first/last of a run) keeps its full radius. Rows are flat siblings in + the tree body (depth is inline padding), so the sibling combinator sees + every adjacency. */ +.explorerRowRevealed + .explorerRowRevealed { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.explorerRowRevealed:has(+ .explorerRowRevealed) { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } .explorerDir {