みかづきブログ・カスタム

基本的にはちょちょいのほいです。

iOS15のSafari、MacOSのSafari 15からmetaタグでテーマカラーが指定できるようになった模様 📱

今朝、iOSを15にアップグレードしつつ、Mac版のSafariも最新にしてみたところ、どちらもサイトによってメニューバーやナビゲーションバーの色が変わるようになってました。

Safari15から、theme-colorを評価するようになったようです。

developer.mozilla.org

ただ、Mac版のSafariはOSがダークモードの時に明るい色が指定できなかったりと、制約があるようなので、動的にtheme-colorを変更できる検証用ページをつくってみました。

develop.kimizuka.org