Wie man das Bild je nach Dunkel- oder Hellmodus wechselt

Ich möchte mein Bannerbild an den aktuellen Modus des Betriebssystems anpassen.
Ich habe versucht, Folgendes zu meiner color_definitions.scss-Stylesheet hinzuzufügen:

$banner: url(dark-light-choose($light-banner, $dark-banner));

:root {
  --custom-banner: #{$banner};
}

Und ich habe versucht, var(--custom-banner) in meiner regulären Stylesheet zu verwenden.

Auf dem PC und Mobiltelefon sieht alles gut aus. Aber das Bild flackert auf dem iPad. :disappointed_relieved:

Gibt es eine Möglichkeit, das Problem zu beheben, oder sollte ich einen anderen Weg versuchen?

Hallo :waving_hand: Könnten Sie ein Beispiel zeigen? :slightly_smiling_face:

1 „Gefällt mir“