https://wavesurfer-js.org/example/playhead/index.html
By inspecting it i can see
<path d="M16.75 31 31.705 5.566A3 3 0 0 0 29.146 1H4.354a3 3 0 0 0-2.56 4.566L16.75 31z" stroke="#979797" fill="#CF2F00"></path>
How to change stroke & fill via below adding extra options like style
WaveSurfer.playhead.create({
returnOnPause: true,
moveOnSeek: true,
draw: true
})