Firefoxをダークモードで運用する個人的設定

2020年05月12日更新

2019年10月19日公開

当サイトはアフィリエイト広告を使用しています

Firefoxをリセットする機会があったので、ついでにダークモードでの運用を見直しました。アドオンいろいろ試してみましたが、今はこれに落ちついています。ややマイナーなアドオンかもしれませんが軽めなのが気に入っています。Custom Dark Mode – 🦊 Firefox (ja) 向け拡張機能を入手テーマデフォルトで入っていた Dark を使用userChrome.cssリンクを開いたときなどに一瞬白くなったりするので userChrome.css に下記を追加#browser vbox#appcontent tabbrowser, #content, #tabbrowser-tabpanels, browser[type=content-primary],browser[type=content] > html { background: rgba(0,0,0,0.05) !important; }参考サイト

Dark background in Firefox 64's new tabs without a white flash

Since I tend to program on the bus at night, and I can’t lower my laptop’s brightness to a decent level, I have made most things have a dark background. In particular, I use XFCE’s X-Arc-Shadow theme

fedidat.com

about:configリンクを新しいタブで開くときなど、about:blank の白いページが開くので対策。アドレスバーにabout:configと入力、エンターキー。「危険を承知の上で使用する」をクリック。検索欄にbrowser.display.background_colorと入力。値を#000000に変更。user.jsabout:configの変更は、個人的に忘れやすかったのでuser.jsに記述しました。テキストエディタに下記を記述。ファイル名を user.js 文字コードを UTF-8 で保存。設置場所は C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxxx.default-xxxxxxxxxxxxxのなかuser_pref("browser.display.background_color","#000000");// about:blankの背景色default: #FFFFFF以前書いた記事