macOS 12 MontereyのSafari 15ではVivaldiのようにWebサイトのテーマカラーに合わせてツールバーのカラーを変えられるものの、UIと同じ特定のカラーは反映されないもよう。

　macOS 12 MontereyのSafari 15ではVivaldiのようにWebサイトのテーマカラーに合わせてツールバーのカラーが変わるものの、UIと同じ特定のカラーは反映されないそうです。詳細は以下から。

　Appleは完全オンラインで開催したWWDC21の基調講演で、次期Mac用OS「macOS 12 Monterey」などのデフォルトブラウザである「Safari v15」ではデザインを完全に刷新し、Webブラウザ「Vivaldi」のように、Webサイトのアクセントカラーに合わせてツールバーのカラーが変更される機能が追加されることが発表されました。

The new tab bar design takes up less space on the page and takes on the color of the site you’re on, extending the web page to the edge of the window.

macOS Monterey Preview – Apple

　Apple Web Developer Experience Teamでエバンジェリストを務めるJen Simmonsさんによると、この機能を利用することで、洋服など様々なカラーが選択できるショッピングサイトで、その商品のメインカラーに合わせてSafariのツールバーを変更するといったこともできるそうですが、

<meta name="theme-color"content="#ecd96f">

WWDC21のセッション10029「Design for Safari 15」によると、Safari 15ではmacOSの閉じるや最小化/フルスクリーンなど特定のUIと同じカラーがアクセントカラーとして指定されている場合はユーザーエクスペリエンスの妨げになるとして、反映されないようになっている(利用できなくなる可能性がある)そうです。

　また、Safari 15では、Webサイトのアクセントカラーに合わせてツールバーのカラーを変更したくないユーザーに向けに[環境設定]メニュー → [詳細]に「Webサイトの背景(テーマカラー)に合わせてツールバーのカラーを変更しない」オプションが追加されているそうなので、Webデザイナーの方はセッションDesign for Safari 15をチェックしてみてください。

• テーマ – Vivaldi Browser Help
• Design for Safari 15 – Apple Developer