Chromeのコマンドメニューからテーマのライトとダークを切り替える

1. Chromeデベロッパーツール（検証）を開く

閲覧したいページ上で右クリックをして、表示されるメニューから 「検証」 を選択します。キーボードの F12 キー、もしくは Ctrl + Shift + I（Windows） / Cmd + Option + I（Mac）でも開くことができます。

2. コマンドメニューを開く

デベロッパーツールが開いたら、「Ctrl + Shift + P」（Windows） / 「Cmd + Shift + P」（Mac）を押して、コマンドメニューを開きます。

3. テーマを切り替える

コマンドメニューに 「dark」 と入力すると、「Emulate CSS media feature prefers-color-scheme: dark」 という項目が表示されますので、これを選択します。これにより、表示しているページのテーマがダークモードになります。

ライトモードに戻したい場合は、同様にコマンドメニューに 「light」 と入力して、 「Emulate CSS media feature prefers-color-scheme: light」 を選択します。

この方法を使うと、WebサイトのCSSがprefers-color-schemeというメディアクエリに対応していれば、ブラウザのシステム設定を変更しなくても、簡単に表示を切り替えることができます。