Firefox で特定のサイトに自前の CSS を適用する

管理者なんぞをやっていると、しばしば仕事中でも進行状況をチェックしなければならない事態が生じる。現在の作業場所はその辺かなりフリーダムではあるのだが、それでも MOE の派手な色調は目を引くため、背後を人が通る時には無用の緊張を強いられてしまう。

Firefox の場合、オプション → コンテンツ → 配色設定で「Web ページが指定する配色を優先する」のチェックを外せばかなりすっきりするのだが、これだとすべてのサイトに影響してしまう上に、Google ツールバーの検索結果強調表示も効かなくなるので非常にもどかしい。

そこで、Stylish という拡張を使用する。

CSS は今適当に書いてみたがこんな感じで好みに合わせて変更可能。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://asagi.la.coocan.jp/diplomacy/) {
    body, div#contents {
        background-image:none !important ;
    }
    form table, table.country, div.information, div.system {
        background-color:gray !important;
    }
    div#turn, div#contents, div#orders td {
        background-color:gray !important;
        border:1px solid silver !important;
    }
    table#rooms, table#rooms tr, table#rooms th, table#rooms td,
    table#type, table#type tr, table#type th, table#type td {
        background-color:gray !important;
        border:1px solid silver !important;
    }
    div#orders th {
        border:1px solid silver !important;
        border-bottom:3px double silver !important;
    }
}

指定したドメイン間であっても、ページを移動すると指定が適用されない場合があるようだが、これはこちらの書き方が悪いのかバグなのかは分からない。

追記

ドメンイン指定で適用する場合は下のように書くべきであった。id:Gururi 殿ご教示感謝。

@-moz-document url-prefix(http://asagi.la.coocan.jp/diplomacy/) {
@-moz-document domain("asagi.la.coocan.jp") {

でも MOE に限ってはドメイン指定だと掲示板にまで影響が出てしまうので、元の　url-prefix 指定で良いのであった。結果オーライ。