diff options
| author | Maze Winther <mazewinther@gmail.com> | 2026-04-18 15:11:52 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2026-04-18 15:11:52 +0200 |
| commit | b1d0b103549b7b707c8b90e8a5cb98235dc385c9 (patch) | |
| tree | b616befa04e09324e9ddacc050578940bced712a /apps/web/src/components/editor | |
| parent | 94eed96cadfff0cda2eab37e258bfc24ca2c6614 (diff) | |
| download | opencut-b1d0b103549b7b707c8b90e8a5cb98235dc385c9.tar.gz | |
fix: default audio waveform color from timeline theme
Diffstat (limited to 'apps/web/src/components/editor')
| -rw-r--r-- | apps/web/src/components/editor/panels/timeline/audio-waveform.tsx | 3 | ||||
| -rw-r--r-- | 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]" }, |