From feacf5d906a19cbfe99d8a742a4e76f80aca0094 Mon Sep 17 00:00:00 2001 From: bowenliang123 Date: Sat, 17 Oct 2026 02:49:33 +0800 Subject: [PATCH] feat(client): stripe the context browser's rows with a faint even-row wash Row lists (the DNA flat feed, category bodies, tool schemas) previously read as one undifferentiated white field. One rule keyed on the shared .lc-br-elem row factory stripes every list: `nth-child(even of .lc-br-elem)` keeps the phase stable across toolbars, notes and filtered-out rows, the tint is 60% of the theme's interactive hover wash so it sits under hover and open states, and an open row keeps its active highlight alone. --- src/client/styles/browser.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/client/styles/browser.css b/src/client/styles/browser.css index bb1d264..07e5fc3 100644 --- a/src/client/styles/browser.css +++ b/src/client/styles/browser.css @@ -74,6 +74,8 @@ .lc-br-pct { flex: none; width: 36px; text-align: right; color: var(--dsw-alias-label-secondary); font-size: 12px; } .lc-br-body { border-top: 1px solid var(--dsw-alias-border-l1); padding: 4px 6px; display: flex; flex-direction: column; gap: 2px; } .lc-br-elem { border-radius: 6px; } +/* `of` counts rows only: a toolbar or note never shifts the stripe's phase. */ +.lc-br-elem:nth-child(even of .lc-br-elem):not(.lc-br-elem-on) { background: color-mix(in srgb, var(--dsw-alias-interactive-bg-hover) 60%, transparent); } .lc-br-elem-on { background: var(--dsw-alias-interactive-bg-active); } .lc-br-elem-row { display: flex; align-items: center; gap: 8px; width: 100%; border: 0; background: transparent; color: var(--dsw-alias-label-primary); font: inherit; font-size: 12px; padding: 5px 6px; cursor: pointer; text-align: left; border-radius: 6px; transition: background-color var(--ds-transition-duration, 0.2s) var(--ds-ease-in-out, ease-in-out); } /* The chat's run-state dot, so the failure scans without expanding the row. */