ダークモードかどうかJavaScriptで判定する方法 - nwtgck / Ryo Ota

ダークモードかどうかJavaScriptで判定する方法

#WebブラウザのJavaScript #JavaScript #ダークモード #ダークテーマ

code:js

window.matchMedia('(prefers-color-scheme: dark)').matches

.matchesは

trueだったらダークテーマで、それ以外はfalse。

NIpp: Prefers dark

参考:

WebアプリでmacOSのテーマ切り替えを取得する方法 - Qiita

javascript - How to over ride css prefers-color-scheme setting - Stack Overflow

window.matchMedia - Web API | MDN