ダークモードの実装 | きるこの日記帳

Mac OS の Mojave(10.14 以降）には、ダークモード（Dark Mode)が搭載されている。 配色を暗めにして、ユーザーの目の負担を抑えたりする機能のこと。 従来の画面は、ライトモード（Light Mode)として区別される。 多くのネイティブアプリで対応が進んでいて、現在では一部の Web ページも対応している。 メディアクエリの 1 つで、ユーザーの操作などに応じて、CSS のスタイルを切り替えるもの。 ボタンでの実装 一部のページでは、トグル式、またはラジオボタンを用意して手動で切り替える。 また、localstorage に状態を保存するページもある。 How I added Dark Mode to my website 上記ページでは、.dark クラスの付け外しで対応している。 prefers-color-schemeでの実装 prefers-color-sc

[tailtame]

<img>は<picture>で行けるんだ。なるほど～。