ユーザーのシステム設定がライトモードかダークモードかを検出するメディアクエリです。
@media (prefers-color-scheme: light | dark)@media (prefers-color-scheme: dark) { body { background: black; } }ダークモード時のスタイル
@media (prefers-color-scheme: light) { body { background: white; } }ライトモード時のスタイル
OSやブラウザのテーマ設定を自動検出
Modern browsers