From 1765ffce01fd7e9fc4e3c56be090428abe899ab8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Wed, 25 Mar 2026 12:57:53 +0100
Subject: [PATCH] fix(conversations): use text-primary-fg instead of text-white
 on sender bubbles

In dark mode --c-primary is mint (#a1dcd8), a light colour, making hardcoded
white text barely readable. Replacing text-white/text-blue-100 with
text-primary-fg (white in light, navy in dark) restores contrast in both modes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/routes/conversations/+page.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/routes/conversations/+page.svelte b/frontend/src/routes/conversations/+page.svelte
index 0d6bc148..4ba259af 100644
--- a/frontend/src/routes/conversations/+page.svelte
+++ b/frontend/src/routes/conversations/+page.svelte
@@ -279,7 +279,7 @@ const enrichedDocuments = $derived(
 									<div
 										class="flex h-8 w-8 items-center justify-center rounded-full border font-serif text-xs shadow-sm
                                     {isRight
-											? 'border-primary bg-primary text-white'
+											? 'border-primary bg-primary text-primary-fg'
 											: 'border-line bg-surface text-ink'}"
 									>
 										{#if doc.sender}
@@ -295,14 +295,14 @@ const enrichedDocuments = $derived(
 									href="/documents/{doc.id}"
 									class="group block transform rounded border p-4 shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md
                                {isRight
-										? 'rounded-br-none border-primary bg-primary text-white'
+										? 'rounded-br-none border-primary bg-primary text-primary-fg'
 										: 'rounded-bl-none border-line bg-muted/50 text-ink'}"
 								>
 									<!-- Header -->
 									<div class="mb-2 flex items-start justify-between gap-4">
 										<h3
 											class="font-serif text-sm leading-snug font-medium {isRight
-												? 'text-white'
+												? 'text-primary-fg'
 												: 'text-ink'}"
 										>
 											{doc.title || doc.originalFilename}
@@ -322,7 +322,7 @@ const enrichedDocuments = $derived(
 									<!-- Metadata -->
 									<div
 										class="flex flex-wrap gap-3 font-sans text-[10px] tracking-wider uppercase opacity-80 {isRight
-											? 'text-blue-100'
+											? 'text-primary-fg/70'
 											: 'text-ink-2'}"
 									>
 										<span class="flex items-center">