「prefers-color-scheme(CSS)」による、Webサイトのダークモード

Webブラウザのコンテンツ部分を、ホストOSのテーマと同期させて制御する、CSSのメディア特性

Appleが「macOS Mojave 10.14」より新たに導入し、「iOS 13」「Windows 10」等においても追従したダークモードは、高い視認性や省電力性等の機能性から、一つのアピアランスの枠を超えて多様な広がりを見せており、Webブラウザにおいても、デスクトップ版では「Google Chrome 76」「Mozilla Firefox 67」「Safari 12.1」、モバイル版では「Android webview 76」「Google Chrome 76」「Mozilla Firefox 67」「Safari for iOS 13」(各々、それ以降の版)において、CSSのメディアクエリ「prefers-color-scheme」に対応しています(最初の実装は、米国時間2018年11月7日付にてリリースされた「Safari Technology Preview 69」)。

「prefers-color-scheme(CSS)」による、Webサイトのダークモード Read More »