src-advisory/SRCmail
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update background colors for selected and unread email items

Browse Source
This commit is contained in:
Linus Rath
2026-03-12 02:43:38 +01:00
parent f751274e41
commit d8b0f013e8
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/email/email-list-item.tsx
+3 -3
View File
@@ -60,15 +60,15 @@ export function EmailListItem({ email, selected, onClick, onContextMenu }: Email
// Apply color tag as background, with selected and unread states
colorTag ? colorTag : (
selected
? "bg-accent"
? "bg-blue-200 dark:bg-blue-900/50"
: "bg-background"
),
selected && !colorTag && "shadow-sm",
!colorTag && !selected && "hover:bg-muted hover:shadow-sm",
colorTag && "hover:brightness-95 dark:hover:brightness-110",
isUnread && !colorTag && "bg-accent/30",
isUnread && !selected && !colorTag && "bg-amber-50 dark:bg-amber-900/20",
// Add visual feedback for checked state
isChecked && "ring-2 ring-primary/20 bg-accent/40",
isChecked && "ring-2 ring-primary/20 bg-blue-100 dark:bg-blue-900/30",
// Drag state visual feedback
isDragging && "opacity-50 scale-[0.98] ring-2 ring-primary/30"
)}
components/email/thread-email-item.tsx
+2 -2
View File
@@ -64,9 +64,9 @@ export function ThreadEmailItem({
"pl-12 pr-4 py-2.5",
"border-l-2 border-l-transparent",
selected
? "bg-accent border-l-primary"
? "bg-blue-200 dark:bg-blue-900/50 border-l-primary"
: "hover:bg-muted/50",
isUnread && !selected && "bg-accent/20",
isUnread && !selected && "bg-amber-50 dark:bg-amber-900/20",
!isLast && "border-b border-border/30",
isChecked && "ring-2 ring-primary/20 bg-accent/40",
isDragging && "opacity-50 scale-[0.98] ring-2 ring-primary/30"