From c88613de03889842a96464d6277840e447f7153e Mon Sep 17 00:00:00 2001
From: Rami Bitar <rbitar@gmail.com>
Date: Mon, 3 Aug 2026 13:20:39 -0400
Subject: [PATCH] Use a light gray announcement bar instead of black

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WHUa6ik1KRSEFkF6ShUYpC
---
 components/shopify/header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/shopify/header.tsx b/components/shopify/header.tsx
index aeabe21..38fbb69 100644
--- a/components/shopify/header.tsx
+++ b/components/shopify/header.tsx
@@ -63,7 +63,7 @@ const Header: React.FC<HeaderProps> = ({
     <>
       {/* Sits above the sticky nav, so it scrolls away on its own. */}
       {announcement && (
-        <div className="bg-foreground text-background">
+        <div className="bg-muted text-foreground">
           <div className="max-w-screen-2xl mx-auto flex h-9 items-center justify-center px-8 text-center text-xs">
             {announcementUrl ? (
               <Link