エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Firefoxの開発ツールでprefers-color-schemeをテストする方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Firefoxの開発ツールでprefers-color-schemeをテストする方法
CSSでウェブサイトをダークモードできる@mediaのprefers-color-schemeを、Firefoxでテストする方法があ... CSSでウェブサイトをダークモードできる@mediaのprefers-color-schemeを、Firefoxでテストする方法がありました。まだ、実験的な機能でUIが微妙ですしabout: configで設定をする必要がありますが、一応、シミュレーションできました。 ちなみに、以下のような記述でダークモードのスタイルを設定できるやつです。 @media (prefers-color-scheme: dark){ body { background: #333; color: #fff; } } 実装が途中の段階で変わってしまうかもしれませんが、現段階での設定方法は以下の通りです。 1. 「高度な設定」で機能を有効にする アドレスバーにabout:configと入力してcolor-schemeを検索します。devtools.inspector.color-scheme-simulation