From b1d0b103549b7b707c8b90e8a5cb98235dc385c9 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Sat, 18 Apr 2026 15:11:52 +0200 Subject: [PATCH] fix: default audio waveform color from timeline theme --- .../src/components/editor/panels/timeline/audio-waveform.tsx | 3 ++- apps/web/src/components/editor/panels/timeline/theme.ts | 4 +++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/apps/web/src/components/editor/panels/timeline/audio-waveform.tsx b/apps/web/src/components/editor/panels/timeline/audio-waveform.tsx index d2442a84..a94267dd 100644 --- a/apps/web/src/components/editor/panels/timeline/audio-waveform.tsx +++ b/apps/web/src/components/editor/panels/timeline/audio-waveform.tsx @@ -2,6 +2,7 @@ import { useCallback, useEffect, useLayoutEffect, useRef } from "react"; import { useResizeObserver } from "@/hooks/use-resize-observer"; +import { TIMELINE_AUDIO_WAVEFORM_COLOR } from "./theme"; import { buildWaveformSampleBuckets, sampleSourceWaveformSummary, @@ -64,7 +65,7 @@ export function AudioWaveform({ clipDurationSec, retime, sourceStartSec, - color, + color = TIMELINE_AUDIO_WAVEFORM_COLOR, burnColor = WAVEFORM_BURN_COLOR, className = "", }: AudioWaveformProps) { diff --git a/apps/web/src/components/editor/panels/timeline/theme.ts b/apps/web/src/components/editor/panels/timeline/theme.ts index aae82ca3..0afe3eb4 100644 --- a/apps/web/src/components/editor/panels/timeline/theme.ts +++ b/apps/web/src/components/editor/panels/timeline/theme.ts @@ -1,5 +1,7 @@ import type { TrackType } from "@/lib/timeline"; +export const TIMELINE_AUDIO_WAVEFORM_COLOR = "rgba(255, 255, 255, 0.7)"; + export const TIMELINE_TRACK_THEME: Record< TrackType, { @@ -11,7 +13,7 @@ export const TIMELINE_TRACK_THEME: Record< text: { elementClassName: "bg-[#5DBAA0]" }, audio: { elementClassName: "bg-[#8F5DBA]", - waveformColor: "rgba(255, 255, 255, 0.7)", + waveformColor: TIMELINE_AUDIO_WAVEFORM_COLOR, }, graphic: { elementClassName: "bg-[#BA5D7A]" }, effect: { elementClassName: "bg-[#5d93ba]" },