MacのSafariでタブバーの色をオフにする方法
Mac版Safariの最新バージョンでは、タブツールバーに色付け効果が適用されます。これにより、ブラウザウィンドウが表示中のウェブページの色に合わせて調整され、透明感を演出します。この色付け効果は、検索バー/URLバー、戻る/進むボタン、タブ、ブックマークボタン、そしてMac版Safariウィンドウの上部全体に適用されます。
Safari タブ バーの色は非常に派手だったり、単に気を散らすだけだったりすることがありますが、その外観が気に入らない場合は、Mac 版 Safari で Safari タブの色効果を簡単に無効にすることができます。
MacのSafariでタブバーのカラー効果を無効にする方法
この機能は Safari 15 以降にのみ存在します。オフにする方法は次のとおりです。
- MacでSafariを開いていない場合は開き、「Safari」メニューをプルダウンして「環境設定」を選択します。
- 「タブ」を選択
- 「タブバーに色を表示する」のチェックボックスをオフにします。
透明/カラーのタブバー効果は直ちにオフになり、Safari はカラーティント機能が標準になる前の以前のバージョンに似た外観になります。
このカラー機能は Safari 固有のものであり、Mac の一般的なシステム全体の透明効果に似た外観を模倣していますが、実際には別の設定であることに注意してください。
何らかの理由でタブバー/ツールバーのカラー効果を再度オンにしたい場合は、上記の手順を繰り返して、「タブバーに色を表示する」のボックスを再度オンに切り替えるだけです。
これはMac版Safariの最新バージョンにはもちろん適用されますが、iPhone版およびiPad版Safariでもカラーツールバーの着色効果を無効にすることができます。これはiOS 15およびiPadOS 15以降ではデフォルトの外観です。iOS版Safariでは、検索バーを画面下部に配置するなど、他にも大きな変更が加えられていますが、iPhoneユーザーがこの変更を気に入らない場合は、以前のデザインに戻すこともできます。
HTML経由でSafariのテーマカラーを直接変更する
ウェブ開発者やマニアの方なら、「Safariのタブのテーマカラーを直接変更するにはどうすればいいの？」と疑問に思われるかもしれません。実は、Safariが認識する新しいHTMLの「theme-color」メタタグを使えば可能です。これはページヘッダー内に以下のように記述します。
<head>
<meta name="theme-color" content="#fff"
media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#000"
media="(prefers-color-scheme: dark)">
</head>
「#fff」と「#000」をそれぞれライト テーマとダーク テーマの選択した色に置き換えることで、ダーク モード テーマとライト モード テーマの色を個別に指定することもできます。
MacのSafariのタブ、ツールバー、検索バーの色付け効果について、何かご意見やご感想はありますか？この機能は無効にしましたか？それとも有効のままにしましたか？
