From 19e5138525e27901ee47adc5b9b8df07cef0da84 Mon Sep 17 00:00:00 2001 From: akukanara Date: Sat, 30 May 2026 21:35:38 +0700 Subject: [PATCH] style: refactor frontend to Lime Light theme --- frontend/app.js | 8 +++--- frontend/index.html | 2 +- frontend/styles.css | 67 +++++++++++++++++++++++---------------------- 3 files changed, 39 insertions(+), 38 deletions(-) diff --git a/frontend/app.js b/frontend/app.js index ade723a..a51062f 100644 --- a/frontend/app.js +++ b/frontend/app.js @@ -121,9 +121,9 @@ function buildTimeSyncedOutputBuf() { function startVisualizerLoop() { if (rafHandle) return; function frame() { - drawWaveform(inputDisplayBuf, inputCanvas, '#6366f1'); + drawWaveform(inputDisplayBuf, inputCanvas, '#a3e635'); // Time-synced output: scrub through queued chunks using audioContext clock - drawWaveform(buildTimeSyncedOutputBuf(), outputCanvas, '#a855f7'); + drawWaveform(buildTimeSyncedOutputBuf(), outputCanvas, '#22d3ee'); rafHandle = requestAnimationFrame(frame); } rafHandle = requestAnimationFrame(frame); @@ -698,7 +698,7 @@ function drawWaveform(dataArray, canvas, strokeColor) { const height = canvas.height; // Dark transparent redraw for trace/motion-blur effect - ctx.fillStyle = 'rgba(11, 12, 19, 0.4)'; + ctx.fillStyle = 'rgba(5, 7, 4, 0.4)'; ctx.fillRect(0, 0, width, height); ctx.lineWidth = 2 * window.devicePixelRatio; @@ -736,7 +736,7 @@ function drawWaveform(dataArray, canvas, strokeColor) { function clearCanvas(canvas) { const ctx = canvas.getContext('2d'); - ctx.fillStyle = '#0b0c13'; + ctx.fillStyle = '#050704'; ctx.fillRect(0, 0, canvas.width, canvas.height); } diff --git a/frontend/index.html b/frontend/index.html index 7072cfe..72f0511 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -87,7 +87,7 @@ -