macOS Mojaveでは、OS全体のカラーテーマをLight / Darkの2種類から選べるようになりました。それに伴い、Safari Technology Preview 68で、Dark Mode用のスタイリングをするためのメディアクエリprefers-color-schemeが追加されました。¹ このメディアクエリによって、そのOSに適用しているカラーテーマがLightかDarkかを判定できます。

策定途中の機能ですが、おそらくSafariのメジャーリリース版でも適用されると思っていますし、何よりApple好きナードなのでこのブログにもDark Mode用テーマを用意しました。

もともとこのブログでは背景色に #e5e5e5 、文字色に #333333を適用しているのですが、MojaveのDark Modeの状態で68以上の Safari TPからこのブログを観覧すると、背景色と文字色が逆に適用されます。

モノ好きな方は試してみてください。

diary

Updated: March 16, 2021