SVG:ellipse
ellipse03.svg<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<g>
<style type="text/css">
#f01{
stroke: #333;
stroke-width: 2;
fill-opacity: 0;
}
#f02{
stroke: white;
stroke-width: 2;
fill-opacity: 0;
}
/*@media (prefers-color-scheme: light) { /* */
@media (prefers-color-scheme: dark) { /* */
#f01{
stroke: #333;
}
#f02{
stroke: white;
}
}
</style>
<ellipse id="f01" cx="50" cy="50" rx="48" ry="24" />
<ellipse id="f02" cx="50" cy="50" rx="46" ry="22" />
<ellipse id="f01" cx="50" cy="50" rx="24" ry="48" />
<ellipse id="f02" cx="50" cy="50" rx="22" ry="46" />
</g>
</svg>