Transparente Grafiken im neuen dark mode und Problem mit Apple Safari Browser

[Bertie]

Vorschlag Bertie: SVG intern für dark mode stylen, aber ohne Hintergrundrechteck

Anstatt in jedes transparente SVG hinten noch ein Rechteck zu zeichnen funktioniert bei mir auch, direkt das Element <svg> zu stylen. Ein hübscher Nebeneffekt ist (in Firefox / Safari / Chrome auf dem Mac), dass beim Öffnen des SVG’s alleine nicht nur die SVG Viewbox, sondern das gesamte Browser-Fenster die Hintergrundfarbe erhält, erscheint dann wie in angehängtem Bildschirmfoto links.

Wir könnten damit auch Code sparen, der rote auf der rechten Seite würde durch den grünen auf der linken Seite ersetzt. Das für den dark mode, für den light mode würde "#Hintergrund {fill: white;}" ersetzt durch "svg {background: white;}“, also etwa gleich viel Code.

Online habe ich allerdings nichts zum direkten Stylen von <svg> gefunden, vielleicht ist das nicht standardkonform und kommt daher für SELFHTML nicht in Frage?