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

Design for Safari 15 accent color macOS 12 Monterey
記事内に広告が含まれています。
スポンサーリンク

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

Safari 14のアイコン

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

Design for Safari 15 accent color

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のツールバーを変更するといったこともできるそうですが、

Safari 15 accent color

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

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

Safari isn't going to apply colors

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

コメント

タイトルとURLをコピーしました