From 111a7e8cdefbf4ce714dcc5d978815519d952fa8 Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Tue, 31 Mar 2026 17:14:11 +0200
Subject: [PATCH] fix(contacts): use elevated surface background for contact
 detail modal

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../apps/web/src/lib/components/ContactDetailModal.svelte       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/contacts/apps/web/src/lib/components/ContactDetailModal.svelte b/apps/contacts/apps/web/src/lib/components/ContactDetailModal.svelte
index 93edbbb1c..d8a3c458e 100644
--- a/apps/contacts/apps/web/src/lib/components/ContactDetailModal.svelte
+++ b/apps/contacts/apps/web/src/lib/components/ContactDetailModal.svelte
@@ -822,7 +822,7 @@
 	}
 
 	.modal-container {
-		background: hsl(var(--color-background));
+		background: hsl(var(--color-surface-elevated));
 		border-radius: 1.5rem;
 		width: 100%;
 		max-width: 560px;