ウェブサイトを訪問すると、ブラウザーのテーマに合わせてその外観が変化します。ブラウザーの設定で Firefox にライトテーマを設定し、その後 カラーウェイ パレットからダークテーマを設定した場合、カラーウェイがライトテーマを上書きし、ウェブサイトの外観は新しいダークテーマに合わせて調整されます。

この動作を設定し、それらのウェブサイトで使用したい配色を選択できます。これらの設定にアクセスするには、以下の手順に従ってください:

1. 画面上部のメニューバーで Firefox をクリックし、設定 を選択します (環境設定 の場合もあります)。メニューボタン をクリックし、設定 を選択します。
2. 左側の General パネルに移動しますAppearance。
3. 下にスクロールして Language and AppearanceWebsite appearance を探します。
4. 訪問するウェブサイトで使用したい配色を選択します。

   

以下の配色から選択できます:

• 自動:システム: このオプションは、サードパーティのテーマ、Alpenglow、カラーウェイなど、選択した Firefox のテーマにウェブサイトを一致させます。
• ライト: このオプションは、ウェブサイトの配色をライトに変更します。
• ダーク: このオプションは、ウェブサイトの配色をダークに変更します。

よくある質問

オペレーティングシステムの表示、ウェブサイトの表示、ブラウザーのテーマの違いは何ですか？

• オペレーティングシステムの表示設定は、端末のユーザーインターフェイスがどのように表示されるかを決定します。
• ウェブサイトの表示とは、ブラウザーから訪問するウェブページのコンテンツが表示される方法を指します。
• ブラウザーのテーマは、ブラウザーの外観 (メニュー、ボタン、タブなど、ブラウザーの一部である要素) を変更します。詳しくは Firefox のテーマを使用するには をご覧ください。

新しいブラウザーのカラーウェイやシステムのテーマを選択すると、ウェブサイトの表示設定は更新されますか？

いいえ。ウェブサイトの表示を Firefox のテーマ、カラーウェイ、またはオペレーティングシステムに合わせるかどうかを決定できます。これらの設定は、選択したカラーウェイやブラウザーのテーマに関係なく変更されません。

設定でカスタムカラーを選択するとどうなりますか？

Language and AppearanceAccessibility の下の 配色設定コントラストの制御ウェブサイトのコントラスト セクションでもウェブサイトの表示を設定できます (詳しくは ウェブサイトで使用されるフォントと配色を変更する をご覧ください)。ここでは、ウェブサイトのテキストの色や背景などの要素を設定できます。このセクションで行った一部の変更は、Language and AppearanceAccessibility の設定を上書きする場合があります。その場合、警告通知がこれらの変更を知らせます。

オペレーティングシステムのハイコントラストモードを使用すると、ウェブサイトの表示設定はどのように影響を受けますか？

ハイコントラストモードは、視覚的な疲労を軽減するのに役立ちます。このため、上記で説明した状況を除き、ハイコントラストモードが有効になっている場合、ウェブサイトの表示やカスタムカラー設定の変更はブラウザーに影響しません。

Firefox は内部ページにダークの選択を適用するのに、ウェブサイトには常にライトが適用されるのはなぜですか？

これは、設定エディター で privacy.resistFingerprinting 設定を有効にしていることが原因である可能性があります。この機能は、サイトが一般的でない設定を検出する能力を低下させ、ブラウザーがユニークに見えないようにしますが、その結果、一部のサイトカスタマイズ機能が意図したとおりに動作しなくなることがあります。詳しくは Firefox のフィンガープリント採取防止機能 をご覧ください。