Firefox Quantumで、「新しいタブ」の背景に好きな画像を使う

Chromeは仕事、趣味や調べ物のときはFirefox Quantum使うようにしてるんだけど、about:homeがシンプルで寂しいので壁紙付けたかった。ので調べた。

https://github.com/Aris-t2/CustomCSSforFx

…という素晴らしいプロジェクトがあるので、これのDocumentationとサンプルを読んで書く感じ。

• about:support を開く
• プロファイルフォルダーの行のFinderに表示を押す
• プロファイルフォルダの中に入る
• そのフォルダの中に chrome というフォルダを作り、その下を下記のような階層にする

.
├── css
│   └── aboutnewtab
│       └── appearance.css
├── img
│   └── mywallpaper.jpg
└── userContent.css

• userContent.css

@import url(./css/aboutnewtab/appearance.css);

• appearance.css

@-moz-document url(about:newtab), url(about:home) {
    body {
        background: url('../../img/mywallpaper.jpg') center/cover no-repeat fixed !important;
    }
}

• Firefox再起動

さみしくない！ほくほく。