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: [](/images/acfaf2de-4784-11f0-9932-9c6b003e9157.jpg) … und so, wenn der Mac im Dunkelmodus läuft: [](/images/cd32cde2-4784-11f0-9790-9c6b003e9157.jpg) 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

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: [](/images/acfaf2de-4784-11f0-9932-9c6b003e9157.jpg) … und so, wenn der Mac im Dunkelmodus läuft: [](/images/cd32cde2-4784-11f0-9790-9c6b003e9157.jpg) Jeweils unten wieder gut sichtbar: Safari schaltet per ìmg` eingebunden das SVG nicht um. Also plädiere ich ebenfalls für die einfache 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

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: [](/images/acfaf2de-4784-11f0-9932-9c6b003e9157.jpg) … und so, wenn der Mac im Dunkelmodus läuft: [](/images/cd32cde2-4784-11f0-9790-9c6b003e9157.jpg) Jeweils unten wieder gut sichtbar: Safari schaltet per ìmg` eingebunden das SVG nicht um. Also plädiere ich ebenfalls für die einfache 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 die Transparenz wahrscheinlich bleiben

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: [](/images/acfaf2de-4784-11f0-9932-9c6b003e9157.jpg) … und so, wenn der Mac im Dunkelmodus läuft: [](/images/cd32cde2-4784-11f0-9790-9c6b003e9157.jpg) Also jeweils unten wieder gut sichtbar: Safari schaltet per ìmg` eingebunden das SVG nicht um. Also plädiere ich ebenfalls für die einfache 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 die Transparenz wahrscheinlich bleiben

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: [](/images/acfaf2de-4784-11f0-9932-9c6b003e9157.jpg) … und so, wenn der Mac im Dunkelmodus läuft: [](/images/cd32cde2-4784-11f0-9790-9c6b003e9157.jpg)