From 6ddb4a8170d470aa4fe47ee9598a325a8f350c72 Mon Sep 17 00:00:00 2001 From: shrimbly Date: Wed, 25 Feb 2026 21:36:38 +1300 Subject: [PATCH] fix: correct RouterNode handle colors to match canonical colors Image and text colors were swapped, 3d was cyan instead of orange, video/audio/easeCurve used incorrect colors. Now matches globals.css and inline styles used by other node components. Co-Authored-By: Claude Opus 4.6 --- src/components/nodes/RouterNode.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/nodes/RouterNode.tsx b/src/components/nodes/RouterNode.tsx index 68df4c02..5933f4f9 100644 --- a/src/components/nodes/RouterNode.tsx +++ b/src/components/nodes/RouterNode.tsx @@ -9,12 +9,12 @@ import type { WorkflowNode, RouterNodeData } from "@/types"; const ALL_HANDLE_TYPES = ["image", "text", "video", "audio", "3d", "easeCurve"] as const; const HANDLE_COLORS: Record<(typeof ALL_HANDLE_TYPES)[number], string> = { - image: "#3b82f6", // blue-500 - text: "#10b981", // emerald-500 - video: "#a855f7", // purple-500 - audio: "#f59e0b", // amber-500 - "3d": "#06b6d4", // cyan-500 - easeCurve: "#ef4444", // red-500 + image: "#10b981", // emerald — matches globals.css + text: "#3b82f6", // blue — matches globals.css + video: "#ffffff", // white — default handle style + audio: "rgb(167, 139, 250)", // violet — matches GenerateAudioNode/OutputNode + "3d": "#f97316", // orange — matches globals.css + easeCurve: "#ffffff", // white — default handle style }; export const RouterNode = memo(({ id, data, selected }: NodeProps) => {