From a009260cf00d13e161c0af044405967a78bcc76d Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Fri, 27 Feb 2026 23:05:22 +1300
Subject: [PATCH] style: increase background opacity on Switch,
 ConditionalSwitch, and Router nodes

Changed from /50 to /80 so the nodes are more visually prominent on the canvas.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/nodes/ConditionalSwitchNode.tsx | 2 +-
 src/components/nodes/RouterNode.tsx            | 2 +-
 src/components/nodes/SwitchNode.tsx            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/nodes/ConditionalSwitchNode.tsx b/src/components/nodes/ConditionalSwitchNode.tsx
index 67ab97e7..6dc7c0b2 100644
--- a/src/components/nodes/ConditionalSwitchNode.tsx
+++ b/src/components/nodes/ConditionalSwitchNode.tsx
@@ -229,7 +229,7 @@ export const ConditionalSwitchNode = memo(({ id, data, selected }: NodeProps<Wor
       selected={selected}
       minWidth={260}
       minHeight={minHeight}
-      className="bg-teal-950/50 border-teal-600"
+      className="bg-teal-950/80 border-teal-600"
     >
       {/* Input handle (left) - text only, aligned with header */}
       <Handle
diff --git a/src/components/nodes/RouterNode.tsx b/src/components/nodes/RouterNode.tsx
index 8fdace7d..e3fb8c4b 100644
--- a/src/components/nodes/RouterNode.tsx
+++ b/src/components/nodes/RouterNode.tsx
@@ -79,7 +79,7 @@ export const RouterNode = memo(({ id, data, selected }: NodeProps<WorkflowNode>)
       selected={selected}
       minWidth={200}
       minHeight={minHeight}
-      className="bg-neutral-800/50 border-neutral-600"
+      className="bg-neutral-800/80 border-neutral-600"
     >
       {/* Input handles (left) */}
       {activeInputTypes.map((type, index) => (
diff --git a/src/components/nodes/SwitchNode.tsx b/src/components/nodes/SwitchNode.tsx
index 2a5b14d6..b171bd8d 100644
--- a/src/components/nodes/SwitchNode.tsx
+++ b/src/components/nodes/SwitchNode.tsx
@@ -122,7 +122,7 @@ export const SwitchNode = memo(({ id, data, selected }: NodeProps<WorkflowNode>)
       selected={selected}
       minWidth={220}
       minHeight={minHeight}
-      className="bg-violet-950/50 border-violet-600"
+      className="bg-violet-950/80 border-violet-600"
     >
       {/* Input handle (left) */}
       {nodeData.inputType ? (