From 82d5a34f76caa1e369ee0701aaf1485f8d458923 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sun, 5 Apr 2026 22:32:01 +0200
Subject: [PATCH] fix(comments): use semantic tokens for comment box dark mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace hardcoded Tailwind orange colors with semantic tokens:
border-accent, bg-muted, text-ink-2 — adapts to light/dark mode
via CSS custom properties instead of Tailwind dark: prefix.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/CommentThread.svelte | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/CommentThread.svelte b/frontend/src/lib/components/CommentThread.svelte
index 707b2409..bd9f66bd 100644
--- a/frontend/src/lib/components/CommentThread.svelte
+++ b/frontend/src/lib/components/CommentThread.svelte
@@ -137,12 +137,8 @@ onMount(() => {
 </script>
 
 {#if flatMessages.length > 0}
-	<div
-		class="rounded border-l-2 border-orange-400 bg-orange-50 p-2 dark:border-orange-600 dark:bg-orange-950/20"
-	>
-		<div
-			class="mb-2 flex items-center gap-1.5 font-sans text-xs font-semibold text-orange-700 dark:text-orange-400"
-		>
+	<div class="rounded border-l-2 border-accent bg-muted p-2">
+		<div class="mb-2 flex items-center gap-1.5 font-sans text-xs font-semibold text-ink-2">
 			<svg
 				class="h-3.5 w-3.5"
 				viewBox="0 0 24 24"