Browse Source

fix: adjust waveform colors — full opacity played, reduced opacity unplayed

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
handoff-20260429-1057
shrimbly 5 months ago
parent
commit
2598261c46
  1. 2
      src/components/nodes/AudioInputNode.tsx
  2. 2
      src/components/nodes/GenerateAudioNode.tsx

2
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);
}

2
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);
}

Loading…
Cancel
Save