From 5d0a2a2c9c5e820ca0c3e71a16d61934e59833b7 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Thu, 26 Mar 2026 19:47:44 +0100
Subject: [PATCH] fix: use semantic color tokens for enrich hint box

Replaced hardcoded brand-navy/brand-mint palette constants with
semantic tokens (ink, accent, accent-bg) so the hint box themes
correctly in dark mode.

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

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 57f40f8e..7fff1e51 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -90,7 +90,7 @@ $effect(() => {
 	{#if data.incompleteCount > 0}
 		<a
 			href="/enrich"
-			class="mb-6 flex items-center justify-between rounded-sm border border-brand-mint/40 bg-brand-mint/10 px-6 py-4 transition-colors hover:bg-brand-mint/20"
+			class="mb-6 flex items-center justify-between rounded-sm border border-accent/40 bg-accent-bg px-6 py-4 transition-colors hover:bg-accent/20"
 		>
 			<div class="flex items-center gap-4">
 				<img
@@ -100,16 +100,16 @@ $effect(() => {
 					class="h-6 w-6 opacity-60"
 				/>
 				<div>
-					<p class="font-sans text-xs font-bold tracking-widest text-brand-navy uppercase">
+					<p class="font-sans text-xs font-bold tracking-widest text-ink uppercase">
 						{m.enrich_needs_metadata_title()}
 					</p>
-					<p class="mt-0.5 font-serif text-sm text-brand-navy/70">
+					<p class="mt-0.5 font-serif text-sm text-ink-2">
 						{m.enrich_needs_metadata_count({ count: data.incompleteCount })}
 					</p>
 				</div>
 			</div>
 			<span
-				class="font-sans text-xs font-bold tracking-widest text-brand-navy uppercase transition-colors hover:text-brand-navy/70"
+				class="font-sans text-xs font-bold tracking-widest text-ink uppercase transition-colors hover:text-ink-2"
 			>
 				{m.enrich_needs_metadata_cta()} →
 			</span>