diff --git a/components/email/email-list-item.tsx b/components/email/email-list-item.tsx
index 510da2b7..7806fef4 100644
--- a/components/email/email-list-item.tsx
+++ b/components/email/email-list-item.tsx
@@ -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"
       )}
diff --git a/components/email/thread-email-item.tsx b/components/email/thread-email-item.tsx
index 3e06daf0..f97af01d 100644
--- a/components/email/thread-email-item.tsx
+++ b/components/email/thread-email-item.tsx
@@ -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"