(2019/9/27追記) iOS13のアップデートにより、ついにiOS Safariにおいてテーマの取得が可能になりました。 macOS Mojaveで画面を目に優しい黒基調にしてくれる「ダークテーマ」が導入されました。 それ以降、設定したテーマに色調を追従させるようなアプリが続々と出てますね。 こうなるとWebアプリやWebサイトもテーマに合わせたくなります。 今回、開発しているWebアプリ(テーマ切り替え機能自体は導入済み)でmacOSテーマに追従しようとして方法を調べたのでまとめます。 CSS Media Queryで取得する方法 Media Queryで利用できるメディア特性として、prefers-color-schemeというものがあります。 これはユーザーが明色か暗色のどちらを求めているかを教えてくれます。 つい先日リリースされたSafari 12.1からデフォルトで有効にな