From 2a52b5db9b8b84598a4427b4c3560cc305be6212 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 30 Aug 2026 21:17:23 +0200
Subject: [PATCH] Use a gray focus underline for the title/description inputs

focus:border-b-muted-foreground instead of the primary accent color -
matches the existing hover state's neutral tone rather than switching
to a bright accent on focus.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WzyfRyA7h5rs5SCAahLAWd
---
 components/sessions/SessionDescriptionEditor.tsx | 2 +-
 components/sessions/SessionTitleEditor.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/sessions/SessionDescriptionEditor.tsx b/components/sessions/SessionDescriptionEditor.tsx
index 3efc9cd..a7d1a74 100644
--- a/components/sessions/SessionDescriptionEditor.tsx
+++ b/components/sessions/SessionDescriptionEditor.tsx
@@ -60,7 +60,7 @@ export function SessionDescriptionEditor({
         placeholder="Add a description..."
         aria-label="Session description"
         rows={1}
-        className="max-w-full min-w-0 flex-1 resize-none border-b-2 border-transparent bg-transparent text-sm text-muted-foreground outline-none transition-colors placeholder:text-muted-foreground/60 hover:border-b-border focus:border-b-primary focus:text-foreground sm:max-w-xl [field-sizing:content]"
+        className="max-w-full min-w-0 flex-1 resize-none border-b-2 border-transparent bg-transparent text-sm text-muted-foreground outline-none transition-colors placeholder:text-muted-foreground/60 hover:border-b-border focus:border-b-muted-foreground focus:text-foreground sm:max-w-xl [field-sizing:content]"
       />
       <div className="relative mt-0.5 flex size-4 shrink-0 items-center justify-center">
         <Loader2
diff --git a/components/sessions/SessionTitleEditor.tsx b/components/sessions/SessionTitleEditor.tsx
index a5e70f8..cf39516 100644
--- a/components/sessions/SessionTitleEditor.tsx
+++ b/components/sessions/SessionTitleEditor.tsx
@@ -52,7 +52,7 @@ export function SessionTitleEditor({ sessionId, initialName }: { sessionId: numb
         onChange={(e) => setValue(e.target.value)}
         placeholder={`Session #${sessionId}`}
         aria-label="Session name"
-        className="max-w-full min-w-0 border-b-2 border-transparent bg-transparent font-heading text-2xl font-semibold text-foreground outline-none transition-colors placeholder:text-muted-foreground/70 hover:border-b-border focus:border-b-primary sm:max-w-xl [field-sizing:content]"
+        className="max-w-full min-w-0 border-b-2 border-transparent bg-transparent font-heading text-2xl font-semibold text-foreground outline-none transition-colors placeholder:text-muted-foreground/70 hover:border-b-border focus:border-b-muted-foreground sm:max-w-xl [field-sizing:content]"
       />
       <div className="relative flex size-4 shrink-0 items-center justify-center">
         <Loader2