WKWebView et le mode sombre

Dans mon application sur la constitution française, le contenu de la constitution est une page HTML dans une WKWebView. Comme à mon habitude je gère le mode sombre selon le réglage du système. Cela consiste à utiliser la couleur "LabelColor" et "systemBackgroundColor" dans l'UI, et dans la page HTML on a une CSS du genre :

@media (prefers-color-scheme:dark) {

body {

    color: white;

    background-color: black;

    }

}

C'est très classique, cela fonctionne bien, mais ! La lecture de la page HTML peut prendre quelques fraction de seconde, et entre le moment où l'on initialise la webView et le moment ou la page est chargée, une page "par défaut", vide, avec un fond blanc, peut être visible, ce qui cause un flash blanc intempestif.

Comment faire ? Il suffit d'initialiser une page ultra-simple, sous forme de NSString, qui remplacera tout de suite la page par défaut, puis de charger la page qui peut prendre un peut plus de temps à charger.

   

// Force le fond à noir en mode dark 

// (le contenu html est au dessus du backgroundColor)

// Evite un flash blanc en mode dark 

// entre la lecture du html et l'affichage.

[web loadHTMLString:@"<html><head><style>@media (prefers-color-scheme:dark) { body { background:black; }}</style></head><body></body></html>" baseURL:nil];

}

Et hop...