From 2598261c467849b32b56483c13940070a6ec071d Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Wed, 18 Feb 2026 20:55:14 +1300
Subject: [PATCH] =?UTF-8?q?fix:=20adjust=20waveform=20colors=20=E2=80=94?=
 =?UTF-8?q?=20full=20opacity=20played,=20reduced=20opacity=20unplayed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/components/nodes/AudioInputNode.tsx b/src/components/nodes/AudioInputNode.tsx
index 37e74645..06f11335 100644
--- a/src/components/nodes/AudioInputNode.tsx
+++ b/src/components/nodes/AudioInputNode.tsx
@@ -88,7 +88,7 @@ export function AudioInputNode({ id, data, selected }: NodeProps<AudioInputNodeT
         const x = i * barWidth;
         const y = (height - barHeight) / 2;
 
-        ctx.fillStyle = x < progressX ? "rgb(196, 181, 253)" : "rgb(167, 139, 250)"; // violet-300 played, violet-400 unplayed
+        ctx.fillStyle = x < progressX ? "rgb(139, 92, 246)" : "rgba(139, 92, 246, 0.4)"; // violet-500 played, violet-500/40 unplayed
         ctx.fillRect(x, y, barWidth - barGap, barHeight);
       }
 
diff --git a/src/components/nodes/GenerateAudioNode.tsx b/src/components/nodes/GenerateAudioNode.tsx
index 0779d3bc..aa32d93a 100644
--- a/src/components/nodes/GenerateAudioNode.tsx
+++ b/src/components/nodes/GenerateAudioNode.tsx
@@ -101,7 +101,7 @@ export function GenerateAudioNode({ id, data, selected }: NodeProps<GenerateAudi
         const x = i * barWidth;
         const y = (height - barHeight) / 2;
 
-        ctx.fillStyle = x < progressX ? "rgb(196, 181, 253)" : "rgb(167, 139, 250)"; // violet-300 played, violet-400 unplayed
+        ctx.fillStyle = x < progressX ? "rgb(139, 92, 246)" : "rgba(139, 92, 246, 0.4)"; // violet-500 played, violet-500/40 unplayed
         ctx.fillRect(x, y, barWidth - barGap, barHeight);
       }