SVG:circle
circle03.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>
<circle id="f01" cx="50" cy="50" r="48" />
<circle id="f02" cx="50" cy="50" r="46" />
</g>
</svg>