エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JavaScript | ダークモードかどうかを判別する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JavaScript | ダークモードかどうかを判別する
JavaScriptでブラウザのテーマ設定がダークモードになっているかどうかを判別する方法の紹介です。 ブラ... JavaScriptでブラウザのテーマ設定がダークモードになっているかどうかを判別する方法の紹介です。 ブラウザのテーマ設定を取得するには、ウィンドウサイズやスマホであれば縦向きか横向きかを取得する際に利用する「window.matchMedia」を参照します。 if(window.matchMedia('(prefers-color-scheme: dark)').matches == true){ //dark mode } 例えばダークードが設定されていた時にCSSを変更する事も可能です。 See the Pen JavaScript | change dark mode by yochans (@yochans) on CodePen. const output = document.querySelector('#output'); if(window.matchMedia('(

