In iOS 15 as well as Safari 15 for macOS Big Sur and macOS Catalina, Apple introduced some Safari interface design changes that haven't been universally welcomed. Fortunately, Apple has made some of these changes optional, such as the ability to disable tab bar coloring.

safari 15 tinting

Tab bar coloring on (left) versus coloring off (right) in dark mode

Tab bar coloring, or website tinting, happens when the color of Safari's interface changes around the tabs, bookmark, and navigation button areas to match the color of the website you're viewing.

The idea behind tinting is that it allows the browser interface to fade into the background and create a more immersive experience. However, the effect doesn't always look great, especially if you have several windows arranged on your desktop. Happily, Apple chose to include an option to turn it off.

  1. Launch Safari, then select Safari -> Preferences... from the menu bar.
    safari preferences

  2. Select the Tabs panel.
  3. Uncheck the box next to Show color in tab bar.
    safari

If you're using Safari in iOS 15, you can find the same option in Settings -> Safari. Under the "Tabs" section, turn off the switch next to Allow Website Tinting. On iPadOS 15, this option is called Show Color in Tab Bar, just like in Safari 15 for macOS.

settings
In previous versions of iOS, Apple included a "Show Color in Tab Bar" accessibility setting, which basically had the same effect as the new "Allow Website Tinting" toggle. The fact that Apple made the option more prominent suggests user aversion to tinting is more common than previously thought.

Tag: Safari

Top Rated Comments

007 Junior Avatar
36 months ago
I'm constantly confused whether a dark grey tab is active or not active. This is bad UI design.
Score: 37 Votes (Like | Disagree)
Woyzeck Avatar
36 months ago
Those were the times when widgets looked like widgets and not like artwork or content. Btw. for the newcomers: Apple was once great in user interface design.
Score: 16 Votes (Like | Disagree)
jb-net Avatar
36 months ago
Both look terrible. I can't decide turning it on or off.

Why did Apple ruin a once great user interface on Mac? I want the Safari 14 Taskbar und Tabbar back.
Score: 16 Votes (Like | Disagree)
Apple Knowledge Navigator Avatar
36 months ago
Disabling this was one of the first things that I did. Entirely form over function.
Score: 12 Votes (Like | Disagree)
project_2501 Avatar
36 months ago
The logic of colouring the current tab dark is so wrong!

Look at the following. Which tab is current?

Previously, and as per all good UI design, the lighter tab looks on top and current. Not the darker one.

Yet Apple made this idiotic change with apparently no consultation or input from design professionals. Bonkers.




By comparison look at Firefox. It is blooming clear which tab is the current one.




How does one revert / fix this Apple Safari behaviour?

Attachment Image

Attachment Image
Score: 11 Votes (Like | Disagree)
NewUsername Avatar
36 months ago
I think it looks good on iOS but awful on macOS.
Score: 10 Votes (Like | Disagree)

Popular Stories

Apple Intelligence General Feature

Apple Intelligence Features Not Coming to European Union at Launch Due to DMA

Friday June 21, 2024 9:44 am PDT by
Apple today said that European customers will not get access to the Apple Intelligence, iPhone Mirroring, and SharePlay Screen Sharing features that are coming to the iPhone, iPad, and Mac this September due to regulatory issues related to the Digital Markets Act. In a statement to Financial Times, Apple said that there will be a delay as it works to figure out how to make the new...
iOS 18 on iPhone Feature

Everything New in iOS 18 Beta 2

Monday June 24, 2024 12:52 pm PDT by
Apple today released the second betas of iOS 18 and iPadOS 18 to developers, and the software adds support for new features that Apple is working on, plus it tweaks some of the interface changes that have been made in the updates. Apple will refine iOS 18 over the course of the next few months, with multiple changes and refinements expected from now until September. We've highlighted...
Apple WWDC24 Apple Intelligence hero 240610

Apple Explains iPhone 15 Pro Requirement for Apple Intelligence

Wednesday June 19, 2024 4:48 am PDT by
With iOS 18, iPadOS 18, and macOS Sequoia, Apple is introducing a new personalized AI experience called Apple Intelligence that uses on-device, generative large-language models to enhance the user experience across iPhone, iPad, and Mac. These new AI features require Apple's latest iPhone 15 Pro and iPhone 15 Pro Max models to work, while only Macs and iPads with M1 or later chips will...
amazon echo dot

Amazon Could Charge Up to $10/Month for Alexa

Friday June 21, 2024 2:55 pm PDT by
Apple competitor Amazon is working on a revamp of its Alexa assistant, and the new version could cost up to $10 per month, according to a report from Reuters. The upcoming version of Alexa will support conversational generative AI, and Amazon is planning for two tiers of service. There will be a free tier and a second, premium tier that is priced at $5 at a minimum, with Amazon considering...
top stories 22jun2024

Top Stories: Apple Watch X Rumors, New Final Cut App for iPhone, and More

Saturday June 22, 2024 6:00 am PDT by
The avalanche of news coming out of WWDC earlier this month is finally starting to slow, but that doesn't mean there wasn't still lots to talk about in Apple news and rumors this week. This week saw some additional rumors about the upcoming Apple Watch models, the release of major Final Cut Pro updates, the launch of Apple's annual Back to School promo in the U.S. and Canada, new...