ダークテーマ

對象 Firefox バージョン：66.0.3

ウェブサイト全般、もしくはFirefoxを暗色にする。

擴張機能

難點：サイトの讀込みが遲くなる、一瞬適用前の配色が見える、など。

「dark」に一致する拡張機能 – Firefox (ja) 向けアドオン

「dark global」に一致する拡張機能 – Firefox (ja) 向けアドオン

「dark theme」に一致する拡張機能 – Firefox (ja) 向けアドオン

Dark Reader

Midnight Lizard

New Empty Coloured Tab

スタイルシート

プロファイルのchromeフォルダで管理する方法と、Stylusのやうな擴張機能で管理する方法とがある（併用も可）。

Themes & Skins for "dark global" | Userstyles.org

自分でスタイルシートを書く。

• 背景畫像を許容するかどうか、何に色を附けるか、がポイントか。
• 大々的にサイト由來のスタイルを變へてしまふので、思ひ切つて細かく指定してみるのも手。
• 最低でも
  • リンク（a要素）
  • フレーズ（em, strong要素等）
  • 題字（hn要素）
  • フォーム（input, textarea, select, button要素）
  の見分けがつけられれば何とかなる。
• 上手く適用されずに明るい表示になつてしまふ時、又單に表示を薄くしたい時には opacity プロパティ（透過）が便利。
• ウェブサイト向け（userContent.css）の注意點としては、URLの指定をしておく事。何も指定してゐないと、擴張機能の設定畫面に影響を及ぼしたり、UI向けの指定（userChrome.css）を上書きしたりする事がある。

  @-moz-document url-prefix("http") /* http から始まるURL */
  ,url-prefix("file:///") /* file:/// から始まるURL（ローカルファイル） */
  {
  /* スタイルの指定 */
  }

Firefox テーマ

「dark」に一致するテーマ – Firefox (ja) 向けアドオン

Super Stark Dark Theme

Firefox オプション

オプション→一般→言語と外観→フォントと配色→配色設定→テキストと背景の色で設定した色は、空白ページには適用されるが、起動時の空白ページには適用されない。

• about:config
  • テキストの色：browser.display.foreground_color
  • 背景の色：browser.display.background_color

ウェブページが指定した配色を選択した配色が上書きする：常に上書きは、Firefoxそのものの配色にも影響する。

• about:config
  • browser.display.document_color_use
  • 0: 高コントラストなテーマのみ（初期設定）
  • 1: 上書きしない
  • 2: 常に上書き