From ebea4434de1835e20d1e33b9d43ba5b29e0ac254 Mon Sep 17 00:00:00 2001 From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com> Date: Tue, 23 Jun 2026 20:39:43 -0400 Subject: [PATCH] dm: make the selected conversation clearly distinct in the sidebar The active contact row only swapped to --surface-sunken with a --border-strong border, nearly identical to the hover state, so it was hard to tell which conversation was selected. Give it an accent-tinted background, an accent border, an inset left accent bar, and accent-colored bold name text. Co-Authored-By: Claude Opus 4.8 --- css/tailwind.source.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/css/tailwind.source.css b/css/tailwind.source.css index 27a54d29..b01d760b 100644 --- a/css/tailwind.source.css +++ b/css/tailwind.source.css @@ -5197,9 +5197,17 @@ outline: none; } - .dm-contact-row--active { - background: var(--surface-sunken); - border-color: var(--border-strong); + .dm-contact-row--active, + .dm-contact-row--active:hover, + .dm-contact-row--active:focus-visible { + background: color-mix(in srgb, var(--color-accent) 16%, transparent); + border-color: color-mix(in srgb, var(--color-accent) 60%, var(--border-strong)); + box-shadow: inset 3px 0 0 0 var(--color-accent); + } + + .dm-contact-row--active .dm-contact-row__name { + color: var(--color-accent-strong); + font-weight: 700; } .dm-contact-row__content {