From 32a6bf5abdf5707213e2cca621c22058baff0eb9 Mon Sep 17 00:00:00 2001
From: Glen Maddern <glen@glenmaddern.com>
Date: Mon, 23 Jun 2025 20:11:37 +1000
Subject: [PATCH] Replace gradient with uniform 80% black background

- Remove radial gradient to fix banding issues
- Use solid 80% black background (rgba(0,0,0,0.8))
- Apply to both ModelSelectionModal and McpServerModal
- Clean, consistent backdrop without visual artifacts
---
 examples/chat-ui/src/components/McpServerModal.tsx      | 2 +-
 examples/chat-ui/src/components/ModelSelectionModal.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/chat-ui/src/components/McpServerModal.tsx b/examples/chat-ui/src/components/McpServerModal.tsx
index fb6e546..15a9b43 100644
--- a/examples/chat-ui/src/components/McpServerModal.tsx
+++ b/examples/chat-ui/src/components/McpServerModal.tsx
@@ -241,7 +241,7 @@ const McpServerModal: React.FC<McpServerModalProps> = ({
     <>
       <div 
         className={`fixed inset-0 z-50 flex items-center justify-center p-4 ${isOpen ? 'block' : 'hidden'}`}
-        style={{ background: 'radial-gradient(circle, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 100%)' }}
+        style={{ backgroundColor: 'rgba(0,0,0,0.8)' }}
         onClick={onClose}
       >
         <div 
diff --git a/examples/chat-ui/src/components/ModelSelectionModal.tsx b/examples/chat-ui/src/components/ModelSelectionModal.tsx
index 9699395..97c8301 100644
--- a/examples/chat-ui/src/components/ModelSelectionModal.tsx
+++ b/examples/chat-ui/src/components/ModelSelectionModal.tsx
@@ -88,7 +88,7 @@ const ModelSelectionModal: React.FC<ModelSelectionModalProps> = ({
     <>
       <div 
         className="fixed inset-0 z-50 flex items-center justify-center p-4"
-        style={{ background: 'radial-gradient(circle, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 100%)' }}
+        style={{ backgroundColor: 'rgba(0,0,0,0.8)' }}
         onClick={onClose}
       >
         <div