Is it possible to create a two-colour line dash with WebGL where you have full control of its cap, join, and dash settings?

This example shows single-colour line dashes with WebGL are possible:
https://openlayers.org/en/latest/examples/webgl-draw-line.html

And here is a basic dash pattern I created which works with stroke-pattern-src:
https://gist.githubusercontent.com/Sidders22/2ec1fa56c227ed2667219ef94931d55e/raw/2640da6b8a84bfb2dd73e052261454d9f26068cd/yellow-black-dash.svg

But the dashes’ edges are not anti-aliased and the cap type, join type etc. are not respected.