視力保護ブックマークレット

##概要
背景の色を黒く、文字の色を白くするだけのブックマークレットです。自分用。
手当たり次第に要素のCSSを書き換えていますので、非常に効率が悪い。
もっと賢い走査の方法がありそうですが...、誰か助言をください。

black

javascript:(function() {
    var c = 'background-color: #000000 !important; background-image: none; color: #FFFFFF !important;';
    var nodelist = document.getElementsByTagName('*');
    function find(p) {
        for(var i = 0; i < p.length; i++) {
            p.item(i).style.cssText += c;
            if(p.item(i).nodeName === 'IFRAME' || p.item(i).nodeName === 'FRAME') {
                if(p.item(i).contentDocument !== null) {
                    find(p.item(i).contentDocument.getElementsByTagName('*'));
                }
            }
        }
    }
    find(nodelist);
})();

##課題

• CSS書き換える程度なら、他にもっといい方法があるのでは。
• DOMの走査ってこれでいいのか。
• ドメインの異なるIFRAME、FRAMEは走査できない。
• 静的なページにしか対応していない。
• ロゴとか画像で表現された文字も色を変えたい。OCR的な機能が必要。