From bf46fe6d8b0aa54c1ef6f60d1eef1bf275e97617 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sat, 28 Mar 2026 23:50:21 +0100
Subject: [PATCH] fix: replace remaining hardcoded brand-navy/white tokens with
 semantic tokens
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes dark mode in enrich/done page (bg-white → bg-surface, text-brand-navy → text-ink,
border-brand-sand → border-line), enrich/[id] skip button (text-brand-navy/60 → text-ink-2),
and PanelHistory version list (divide-brand-sand → divide-line).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/PanelHistory.svelte | 2 +-
 frontend/src/routes/enrich/[id]/+page.svelte    | 2 +-
 frontend/src/routes/enrich/done/+page.svelte    | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/PanelHistory.svelte b/frontend/src/lib/components/PanelHistory.svelte
index 7b4bfb1d..601de3bd 100644
--- a/frontend/src/lib/components/PanelHistory.svelte
+++ b/frontend/src/lib/components/PanelHistory.svelte
@@ -406,7 +406,7 @@ $effect(() => {
 			{/if}
 		{:else}
 			<!-- Version list with inline diff below each selected item -->
-			<ul class="divide-brand-sand divide-y">
+			<ul class="divide-y divide-line">
 				{#each versions as v, i (v.id)}
 					<li>
 						<button
diff --git a/frontend/src/routes/enrich/[id]/+page.svelte b/frontend/src/routes/enrich/[id]/+page.svelte
index d1011e74..21ceb7eb 100644
--- a/frontend/src/routes/enrich/[id]/+page.svelte
+++ b/frontend/src/routes/enrich/[id]/+page.svelte
@@ -135,7 +135,7 @@ let selectedReceivers = $state(untrack(() => doc.receivers ?? []));
 				<button
 					type="submit"
 					form="skip-form"
-					class="font-sans text-sm font-medium text-brand-navy/60 transition-colors hover:text-brand-navy"
+					class="font-sans text-sm font-medium text-ink-2 transition-colors hover:text-ink"
 				>
 					{m.enrich_skip()}
 				</button>
diff --git a/frontend/src/routes/enrich/done/+page.svelte b/frontend/src/routes/enrich/done/+page.svelte
index 4573cfa0..23093f38 100644
--- a/frontend/src/routes/enrich/done/+page.svelte
+++ b/frontend/src/routes/enrich/done/+page.svelte
@@ -4,7 +4,7 @@ import { m } from '$lib/paraglide/messages.js';
 
 <div class="mx-auto max-w-4xl px-4 py-10">
 	<div
-		class="border-brand-sand flex flex-col items-center justify-center rounded-sm border bg-white py-20 text-center shadow-sm"
+		class="flex flex-col items-center justify-center rounded-sm border border-line bg-surface py-20 text-center shadow-sm"
 	>
 		<img
 			src="/degruyter-icons/Simple/Large-32px/SVG/Action/Check/Check-Double-LG.svg"
@@ -13,7 +13,7 @@ import { m } from '$lib/paraglide/messages.js';
 			class="mb-6 h-16 w-16"
 		/>
 
-		<h1 class="font-serif text-2xl font-medium text-brand-navy">
+		<h1 class="font-serif text-2xl font-medium text-ink">
 			{m.enrich_done_heading()}
 		</h1>