光/ダークモード:怠惰な方法

あなたがすでにウェブサイト作業をしていて、あなたがどんなスタイル(カスタム・バックグラウンドもないカスタム・カラーでない、カスタム入力)を使用していないならば、あなたは使用できます:

<meta name="color-scheme" content="light dark" />

これは、あなたのウェブサイトのためにデフォルトlightとdarkモードを可能にして、あなたのシステムモード(UIで利用できないトグル)に続きます.
詳しくはこちらをご覧ください.
注:これは両方のクロムとサファリで動作しますが、Firefoxではありません