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.

Related Roundups: macOS Big Sur, macOS Monterey
Tag: Safari

Top Rated Comments

007 Junior Avatar
5 weeks ago
I'm constantly confused whether a dark grey tab is active or not active. This is bad UI design.
Score: 33 Votes (Like | Disagree)
Woyzeck Avatar
5 weeks 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: 14 Votes (Like | Disagree)
jb-net Avatar
5 weeks 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: 14 Votes (Like | Disagree)
Apple Knowledge Navigator Avatar
5 weeks ago
Disabling this was one of the first things that I did. Entirely form over function.
Score: 12 Votes (Like | Disagree)
project_2501 Avatar
5 weeks 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: 10 Votes (Like | Disagree)
NewUsername Avatar
5 weeks ago
I think it looks good on iOS but awful on macOS.
Score: 9 Votes (Like | Disagree)

Related Stories

safari tinting

iOS 15: How to Turn Off Website Tinting in Safari

Thursday September 9, 2021 5:42 pm PDT by
In iOS 15, Apple introduced a range of changes to its native iPhone web browser, Safari. Some of them were controversial, such as the decision to move the URL address bar to the bottom of the screen, but others were less so, and Apple eventually provided options so that users could customize the browser to suit their own preferences. Website tinting off (left) versus tinting on One of those...
iOs 15 Safari Feature

iOS 15: How to Switch Back to the Original Safari Design

Thursday September 9, 2021 5:41 pm PDT by
During the beta phase of iOS 15, Apple added a new Safari design element that moves the URL and tab interface to the bottom of the screen, a decision that was immediately controversial with iPhone users. After listening to a chorus of feedback from users who didn't like the change, Apple eventually added a toggle that sent the address bar to the top of the iPhone screen instead of the...
iOs 15 Safari Feature

How to Move iOS 15 Safari's Address Search Bar Back to Top

Wednesday September 22, 2021 10:47 am PDT by
During the beta phase of iOS 15, Apple added a new Safari design element that moves the URL and tab interface to the bottom of the screen, a decision that was immediately controversial with iPhone users. After listening to a chorus of feedback from users who didn't like the change, Apple eventually added a toggle that sent the address bar to the top of the iPhone screen instead of the...
iOs 15 Safari Feature

iOS 15: How to Use Tab Groups in Safari

Friday September 17, 2021 5:41 pm PDT by
Tab Groups are a new Safari feature introduced in iOS 15 that aim to make organizing and preserving your open browser tabs more manageable without having to have those tabs active. Tab Groups are a way to easily save and manage related tabs, such as those used when planning trips or shopping, or groups can be used to store the tabs you visit daily. If you're planning a trip, for example,...
ios 15 safari start page

iOS 15: How to Customize Your Safari Start Page and Background

Monday September 13, 2021 9:37 pm PDT by
First seen in macOS Big Sur, Safari's redesigned Start Page in iOS 15 is a one-stop shop for all of your Bookmarks, Favorites, Frequently Visited sites, Siri Suggestions, iCloud Tabs, Reading List, and Privacy Report. The Start Page also features several customizable options, such as the ability to choose your own Start Page wallpaper. You can even optionally sync your Start Page appearance...
ios 15 pull to refresh how to

iOS 15: How to Quickly Refresh a Webpage in Safari

Friday September 10, 2021 5:18 pm PDT by
In iOS 15, Apple has completely redesigned Safari with easier-to-reach controls in mind when you're browsing the internet. For example, the URL address bar can optionally sit at the bottom of the screen instead of up top, which makes it easier to access when you're using your iPhone with one hand. Within the address bar, Apple still includes a refresh icon that you can tap to reload the...
safari tab previews

How to Disable Tab Previews in Safari on Mac

Monday March 8, 2021 4:05 pm PST by
In Safari 14, Apple introduced a new feature called tab previews, where hovering your mouse pointer over a non-active browser tab shows an image preview of the tab's contents. Apple doesn't provide an option in preferences to disable tab previews, which isn't great if you find the feature less than useful or downright distracting. Fortunately, there's an undisclosed but fairly simple way to ...
safari macos icon banner

How to Delete Cookies in Safari

Tuesday March 23, 2021 5:30 pm PDT by
When you browse the web on your devices, websites will often leave cookies on your system so that they can remember you and what your preferences are. Some cookies are genuinely useful, as they allow sites to save your personal information (such as your login credentials) so that you don't have to keep entering it every time you visit. However, for the same reason, cookies can pose a...
safari macos icon banner

How to Clear Safari's Cache

Tuesday March 23, 2021 5:32 pm PDT by
Whenever you browse the web in Safari, the browser stores website data so that it doesn't have to download it again each time you revisit a site. In theory this should speed up your browsing experience, but there are some scenarios where you might want to clear the cache and start anew. Keep reading to learn how it's done on Mac, iPhone, and iPad. There are a couple of situations where you...
safari extensions store

iOS 15: How to Download and Install Safari Web Extensions

Friday September 10, 2021 5:19 pm PDT by
In iOS 15, Safari now supports third-party web extensions, which can be downloaded and installed through the App Store. Extensions can change how Apple's Safari browser works in useful ways, or even add extra functionality to it. For example, third-party Safari extensions can include content blockers, VPNs, and more that can make browsing more secure, more private and less intrusive. In...