Aplicando Css na Webview

Olá pessoal. Estou carregando o conteúdo do webview desta maneira:

mWebView.loadUrl(“file:///android_asset/htmls/01.html");

A webview carrega todo o html corretamente com os estilos e javascripts. Uma das funções no javascript aplica um estilo para todo o documento invertendo as cores e fazendo assim o modo de leitura noturno no app.

Função javascript:

function nightMode(enable) {
    var e;
    var t = document.getElementsByTagName("head")[0];
    var n = document.createElement("style");
    n.type="text/css";

    if(enable) {
        e = "html {-webkit-transition: all 0.6s ease; -webkit-transform: translateZ(0); -webkit-filter: invert(100%);}";
    } else {
        e="html {-webkit-transition: all 0.6s ease; -webkit-filter: invert(0%);}";
    }

    if(n.styleSheet) {
        n.styleSheet.cssText=e
    } else {
        n.appendChild(document.createTextNode(e))
    }
    t.appendChild(n)
}

Para executar esta função eu utilizo:

String jsNightMode = String.format("nightMode(%s)",  new Object[]{nightMode});

mWebView.evaluateJavascript(jsNightMode, null);

Quando a função é executa a primeira parte do html visível fica com as cores invertidas tudo certinho. Mas quando eu percorro via scroll o documento restante está em branco. É como se o restante do conteúdo tivesse desaparecido!

Já estou a duas horas e não acho nada!!!

Vlw...