From 617886352cfe5832d540dcd06d47efb081bdcdba Mon Sep 17 00:00:00 2001
From: Marco Sadjadi <marco@buildmymcpserver.local>
Date: Thu, 21 May 2026 19:01:50 +0200
Subject: [PATCH] fix(web): banner background renders via inline color
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

bg-[--color-accent] does not resolve under Tailwind v4 — the banner bar
showed near-black. Set #6366f1 inline so the preview notice is clearly
visible regardless of theme wiring.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 apps/web/components/site-banner.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/site-banner.tsx b/apps/web/components/site-banner.tsx
index 5990dc7..4641ed7 100644
--- a/apps/web/components/site-banner.tsx
+++ b/apps/web/components/site-banner.tsx
@@ -1,10 +1,14 @@
 // Temporary pre-launch notice. Remove this component and its import in
 // app/layout.tsx once the service is open for production use.
+// Background is set inline so it renders regardless of Tailwind theme wiring.
 export function SiteBanner() {
   return (
-    <div className="border-b border-[#4f46e5] bg-[--color-accent] px-4 py-2 text-center text-[12.5px] font-medium leading-snug text-white">
+    <div
+      style={{ backgroundColor: '#6366f1' }}
+      className="border-b border-[#4f46e5] px-4 py-2 text-center text-[12.5px] font-medium leading-snug text-white"
+    >
       <span className="font-semibold uppercase tracking-wide">Preview</span>
-      <span className="px-1.5 opacity-60">·</span>
+      <span className="px-1.5 opacity-70">·</span>
       BuildMyMCPServer is not yet open for production use — sign-ups, server generation and billing
       are still being finalised, and data may be reset.
     </div>