From dbc0727b3c3346117e9fe9387132c488c03c1181 Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Mon, 12 Jan 2026 12:49:58 +1300
Subject: [PATCH] fix(08-01): use white text for error overlay contrast

- Changed icon and text from red-400 to white
- Better readability on red background
---
 src/components/nodes/GenerateImageNode.tsx | 6 +++---
 src/components/nodes/GenerateVideoNode.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/nodes/GenerateImageNode.tsx b/src/components/nodes/GenerateImageNode.tsx
index 4913f8e9..23e2578e 100644
--- a/src/components/nodes/GenerateImageNode.tsx
+++ b/src/components/nodes/GenerateImageNode.tsx
@@ -557,7 +557,7 @@ export function GenerateImageNode({ id, data, selected }: NodeProps<NanoBananaNo
               {nodeData.status === "error" && (
                 <div className="absolute inset-0 bg-red-900/40 rounded flex flex-col items-center justify-center gap-1">
                   <svg
-                    className="w-6 h-6 text-red-400"
+                    className="w-6 h-6 text-white"
                     fill="none"
                     viewBox="0 0 24 24"
                     stroke="currentColor"
@@ -565,8 +565,8 @@ export function GenerateImageNode({ id, data, selected }: NodeProps<NanoBananaNo
                   >
                     <path strokeLinecap="round" strokeLinejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                   </svg>
-                  <span className="text-red-400 text-xs font-medium">Generation failed</span>
-                  <span className="text-red-400/70 text-[10px]">See toast for details</span>
+                  <span className="text-white text-xs font-medium">Generation failed</span>
+                  <span className="text-white/70 text-[10px]">See toast for details</span>
                 </div>
               )}
               {/* Loading overlay for carousel navigation */}
diff --git a/src/components/nodes/GenerateVideoNode.tsx b/src/components/nodes/GenerateVideoNode.tsx
index 67fdd497..f80b1bb1 100644
--- a/src/components/nodes/GenerateVideoNode.tsx
+++ b/src/components/nodes/GenerateVideoNode.tsx
@@ -362,7 +362,7 @@ export function GenerateVideoNode({ id, data, selected }: NodeProps<GenerateVide
             {nodeData.status === "error" && (
               <div className="absolute inset-0 bg-red-900/40 rounded flex flex-col items-center justify-center gap-1">
                 <svg
-                  className="w-6 h-6 text-red-400"
+                  className="w-6 h-6 text-white"
                   fill="none"
                   viewBox="0 0 24 24"
                   stroke="currentColor"
@@ -370,8 +370,8 @@ export function GenerateVideoNode({ id, data, selected }: NodeProps<GenerateVide
                 >
                   <path strokeLinecap="round" strokeLinejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                 </svg>
-                <span className="text-red-400 text-xs font-medium">Generation failed</span>
-                <span className="text-red-400/70 text-[10px]">See toast for details</span>
+                <span className="text-white text-xs font-medium">Generation failed</span>
+                <span className="text-white/70 text-[10px]">See toast for details</span>
               </div>
             )}
             <div className="absolute top-1 right-1">