Transparente PNG- und GIF-Dateien im dark mode mit einem Hintergrund versehen

[Bertie]

Salü zusammen

PNG's und GIF's können wir für den dark mode nicht intern anders stylen wie die SVG's.

Ich habe mit der Seite

https://wiki.selfhtml.org/wiki/Hilfe:SELFHTML-Logos#Archiv

experimentiert und in Chrome im Inspector eine CSS-Anweisung hinzugefügt. Damit man die Auswirkungen im Bildschirmfoto besser sieht, habe ich den zusätzlichen img background rot eingefärbt:

Vorschlag: Im zentralen CSS folgende Anweisung ergänzen für alle Dateien, bei denen im Dateinamen irgendwo der Ausdruck «.png» oder «.gif» vorkommt, etwa so:

@media (prefers-color-scheme:dark) {
  img[src*=".png"], img[src*=".gif"] {
    background-color: white;
  }
}

Bei PNG's und GIF's ohne Transparenz (2. Beispiel im Bildschirmfoto) hätte das keinen Effekt.