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

[Matthias Scharwies]

Servus!

Ich finde, dass es technisch kein Problem wäre, dem svg-Element ein

style="background-color: white" zu geben - dann hätte man aber helle Flecken auf dem dunklen Hintergrund.

Bei DOM2.svg wäre evtl. eine blaue Linienfarbe anstelle des Wechsels von Schwarz auf weiß ein gangbarer Weg.

oder Alternative: Wenn IRGENDWO ".png" vorkommt, egal ob noch von "#dark" gefolgt. Und vielleicht statt weiss dass hellste grey3 aus der SELFHTML Farbpalette:

/* Hintergrund fuer transparente PNG Dateien im dark mode */
@media (prefers-color-scheme:dark) {
  img[src*=".png"] {
    background-color: hsl(202 16% 90%);
  }
}

Wäre möglich. Ich gucke mal, wie viele pngs/gifs das überhaupt sind.

Herzliche Grüße

Matthias Scharwies