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

[Bertie]

Salü Matthias

Ich habe in der Dateiliste nach .gif und .png gesucht und einige mit transparentem Hintergrund im dark mode mit Firefox durchgesehen.

z.B. GIF's eingesetzt auf der Seite:

https://wiki.selfhtml.org/wiki/XML/XSL/XPath#Achsen

Deine schönen GIF's von 2014 in der letzten Spalte haben schwarze Verbindungslinien, die leider im dunklen Hintergrund versinken.

Oder z.B. PNG's eingesetzt auf der Seite:

https://wiki.selfhtml.org/wiki/LaTeX#Elemente

Die PNG's von 2010 in der letzten Spalte sind schwarz nicht lesbar.

Deshalb erscheinen mir 5 Zeilen zusätzliches zentrales CSS immer noch das Einfachste zu sein, anstatt viele alte Dateien überarbeiten zu müssen (alleine auf oben genannten 2 Beispiel-Seiten wären es 26):

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

Herzliche Grüsse, Bertie