Firefox：prefers-color-schemeをテストする方法は？
Firefox 67では、メディアクエリを使用して、明るいテーマまたは暗いテーマのユーザー 設定を検出できます。
私のバージョンのFirefox（Ubuntuの下）では、私の好みはライトテーマのようです。つまり、次のCSSでは青色の背景が表示されます。
@media (prefers-color-scheme: light) {
:root {}
body {
background-color: blue;
}
}Firefoxの設定を変更して、prefers-color-scheme: darkはtrueと評価されますか？
うまくいくように見えるアドオンを見つけましたが、自分のCSSは自分のページでは機能しないため、自分のCSSで何か問題があるに違いありません。 Dark Website forcer
about:configに移動し、値がui.systemUsesDarkThemeの整数型の新しいプロパティ1を追加することで、Firefoxが使用するスタイルを更新できます。
WindowsまたはMacでOS設定を更新する場合と同じようにアクティブなページの値を自動的に更新しませんが、更新後にページを更新すると、ページが更新されます。
mdnの例 を表示して、ブラウザの設定が正しいことを確認できます。
編集：Firefox 71では、更新は更新せずにアクティブなページに適用されます
これを行う別の方法は、about:configボタンをクリックし、devtools.inspector.color-scheme-simulation.enabledプロパティをtrueに追加します。
これにより、devtoolsインスペクターのタブにボタンが追加され、現在のページだけでライトモードとダークモードのエミュレーションをすばやく切り替えることができます。
最終的には、この機能はフラグの後ろに隠されなくなります。 Bugzilla で進行状況を追跡できます。