From f5ce19675d785c7f953473ef80898fa5892c6350 Mon Sep 17 00:00:00 2001
From: valknarness <valknarness@pivoine.art>
Date: Wed, 29 Oct 2025 09:57:23 +0100
Subject: [PATCH] fix: improve command menu contrast and footer styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Changed CommandItem highlight from accent to primary/10 with primary text
- Added bg-background/80 backdrop-blur-sm to footer for consistency with header
- Footer now matches the header's translucent background style

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/layout/app-footer.tsx | 2 +-
 components/ui/command.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/layout/app-footer.tsx b/components/layout/app-footer.tsx
index a6f386c..a4f4d33 100644
--- a/components/layout/app-footer.tsx
+++ b/components/layout/app-footer.tsx
@@ -2,7 +2,7 @@ import Link from 'next/link'
 
 export function AppFooter() {
   return (
-    <footer className="border-t border-border/40 px-6 py-12 lg:px-8">
+    <footer className="border-t border-border/40 bg-background/80 backdrop-blur-sm px-6 py-12 lg:px-8">
       <div className="mx-auto max-w-7xl">
         <div className="flex flex-col items-center justify-between gap-4 sm:flex-row">
           <div className="text-center sm:text-left">
diff --git a/components/ui/command.tsx b/components/ui/command.tsx
index eca2823..3032c1a 100644
--- a/components/ui/command.tsx
+++ b/components/ui/command.tsx
@@ -116,7 +116,7 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       className
     )}
     {...props}