thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-27 07:52:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

dm: make the selected conversation clearly distinct in the sidebar

Browse Source 
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 <[email protected]>
This commit is contained in:
thePR0M3TH3ANandClaude Opus 4.8 committed 2026-06-23 20:39:43 -04:00
1 parent d29287a580
commit ebea4434de
1 file changed
+11 -3
Download Patch File Download Diff File Expand all files Collapse all files
css/tailwind.source.css
+11 -3
View File
@@ -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 {