Firefox で `ページのソースを表示` したときのデザインを上書きするためのスタイルシート

color-scheme-for-view-source.css

@-moz-document url-prefix(view-source) {
    body {
        margin: 0;
    }
    #viewsource {
        font-family: "Ricty";
        font-size: 10pt;
        line-height: 135%;
    }
    #line1:before {
        padding-top: 5px;
    }
    *|*:root {
        background-color: #fcfcfc;
        color: #404040;
    }
    pre[id]:before, span[id]:before {
        background-color: #f0f0f0;
        color: #606060;
        margin-right: 3px;
    }
    .doctype {
        color: #a0b0c0;
    }
    .start-tag {
        color: #6a5acd;
    }
    .end-tag {
        color: #6a5acd;
    }
    .attribute-name {
        color: #1060a0;
        font-weight: normal;
    }
    .attribute-value {
        color: #718c00;
    }
    .entity {
        color: #c82829;
    }
    .comment {
        background-color: #f0ece8;
        color: #a07060;
    }
    .error {
        color: #d33682;
    }
}

Firefoxでページのソースを表示したときの色を綺麗にする | yuuAn's Note