Come cambiare immagine in base alla modalità scura o chiara

[miao_miao]

Vorrei personalizzare la mia immagine banner in base alla modalità in cui si trova ora il sistema operativo.
Ho provato ad aggiungere questo al mio foglio di stile color_definitions.scss:

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

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

E ho provato a usare var(--custom-banner) nel mio foglio di stile normale.

Tutto sembra a posto su PC e telefono cellulare. Ma l’immagine sfarfalla sull’iPad.

C’è un modo per risolvere il problema o dovrei provare un altro approccio?

[Don]

@miao_miao

Ma l’immagine sfarfalla sull’iPad.

Ciao Potresti mostrare un esempio?