Skip to content

Commit a848573

Browse files
arraypressclaude
andcommitted
feat!: drop the 6 DOM colour options (now CSS vars)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent 0a346fa commit a848573

2 files changed

Lines changed: 4 additions & 16 deletions

File tree

README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -175,10 +175,10 @@ All optional. `colorPreset` controls the auto theme; any individual colour wins
175175
| `colorPreset` | `'dark' \| 'light' \| null` |
176176
| `waveformColor` | `string` |
177177
| `progressColor` | `string` |
178-
| `buttonColor` | `string` |
179-
| `buttonHoverColor` | `string` |
180-
| `textColor` | `string` |
181-
| `textSecondaryColor` | `string` |
178+
179+
The DOM chrome (button, title, meta text) is themed via CSS variables —
180+
`--wfp-button-color`, `--wfp-text-color`, `--wfp-text-secondary-color`
181+
not JS props; override them in your own CSS.
182182

183183
### Playback / UI / behaviour
184184

src/WaveformPlayer.tsx

Lines changed: 0 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -95,12 +95,6 @@ function buildLibraryOptions(props: WaveformPlayerProps): Record<string, unknown
9595
if (props.colorPreset !== undefined) opts.colorPreset = props.colorPreset;
9696
if (props.waveformColor !== undefined) opts.waveformColor = props.waveformColor;
9797
if (props.progressColor !== undefined) opts.progressColor = props.progressColor;
98-
if (props.buttonColor !== undefined) opts.buttonColor = props.buttonColor;
99-
if (props.buttonHoverColor !== undefined) opts.buttonHoverColor = props.buttonHoverColor;
100-
if (props.textColor !== undefined) opts.textColor = props.textColor;
101-
if (props.textSecondaryColor !== undefined) opts.textSecondaryColor = props.textSecondaryColor;
102-
if (props.backgroundColor !== undefined) opts.backgroundColor = props.backgroundColor;
103-
if (props.borderColor !== undefined) opts.borderColor = props.borderColor;
10498

10599
/* Playback controls */
106100
if (props.playbackRate !== undefined) opts.playbackRate = props.playbackRate;
@@ -308,12 +302,6 @@ export const WaveformPlayer = forwardRef<WaveformPlayerHandle, WaveformPlayerPro
308302
props.colorPreset,
309303
props.waveformColor,
310304
props.progressColor,
311-
props.buttonColor,
312-
props.buttonHoverColor,
313-
props.textColor,
314-
props.textSecondaryColor,
315-
props.backgroundColor,
316-
props.borderColor,
317305
props.playbackRate,
318306
props.showPlaybackSpeed,
319307
props.playbackRates,

0 commit comments

Comments
 (0)