Since we are using colors for both, the light and the dark, we simply draw a circle in one color, using Bézier curves with kappa=4*(sqrt(2)-1)/3, counterclockwise. Then we draw the complementary design, clockwise, in another color of the same hue but darker.
This is unlike the black-and-white original which required a black rim around the “white” part that was actually transparent and would thus be invisible without the rim. In this version we have no rim, just the light and the dark embracing.
All hand-coded SVG, by the way. That’s because math rules the Universe!