Salü Rolf

Hier Bildschirmfotos von Safari.

Jeweils links Deine Testseite mit light mode voreingestellt, rechts dark mode.

So sieht das auf einem Mac im hellen Modus aus:

… und so, wenn der Mac im Dunkelmodus läuft:

Jeweils unten wieder gut sichtbar: Safari schaltet per ìmg` eingebunden das SVG nicht um.

Also plädiere ich ebenfalls für die einfachere Herangehensweise:

• bei img bleiben
• bei Infografiken mit Text ausserhalb hinterlegter Flächen den Hintergrund zu stylen per svg { background-color: … } für hell und dunkel
• ob brutal weiss und schwarz hinterlegen oder z.B. hellgrau und dunkelblau wäre noch zu überlegen
• bei Text in abgeschlossenen eingefärbten Formen könnte das SVG wahrscheinlich transparent bleiben