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 Roundup: macOS Monterey
Tag: Safari

Top Rated Comments

007 Junior Avatar
10 months ago
I'm constantly confused whether a dark grey tab is active or not active. This is bad UI design.
Score: 36 Votes (Like | Disagree)
Woyzeck Avatar
10 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
10 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
10 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
10 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
10 months ago
I think it looks good on iOS but awful on macOS.
Score: 10 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 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...
monterey shared with you

How to Turn Off 'Shared With You' on Mac

Tuesday December 14, 2021 5:10 pm PST by
In macOS Monterey, Apple introduced a feature called Shared with You that takes content you've received in Messages and makes it available in the relevant app on your Mac. So when a friend shares content with you, such as a link to a news story or TV show, that content will show up in a dedicated Shared with You section in the corresponding app. If you don't want content that's been shared...
sys prefs displays

How to Use Universal Control and Sidecar Simultaneously in macOS 12.3

Tuesday March 15, 2022 5:06 am PDT by
With the release of macOS 12.3, Macs provide support for two separate features called Sidecar and Universal Control that allow Macs and iPads to be used together, but in different ways. This article explains the difference between them and shows you how to use both features in concert, provided your setup allows for it. Keep reading to learn more. Subscribe to the MacRumors YouTube channel for ...
edge browser KM Night Mode

How to Change Your Default Browser on Mac

Wednesday March 2, 2022 8:13 pm PST by
In macOS, Apple's Safari is the default browser for accessing the web, but you don't have to keep it that way. This article shows you how to change your default web browser to an alternative option. Keep reading to learn how. Microsoft Edge Apple's Safari has been met with complaints from some users in recent years over the browser's bugs, user experience, and website compatibility....
Universal Control Colored Feature

How to Adjust or Disable Universal Control on Mac

Tuesday March 15, 2022 7:26 am PDT by
As of iPadOS 15.4 and macOS Monterey 12.3, Apple has introduced support for Universal Control, the long-awaited feature that's designed to allow multiple Macs and iPads to be controlled with a single mouse and keyboard. Thanks to ‌Universal Control‌, you can use the same cursor and keyboard on any nearby Mac or ‌iPad‌ that's signed into your iCloud account. So, for example, if you...
magicmouse2 1

How to Customize the Mouse Pointer in macOS Monterey

Thursday December 9, 2021 8:03 pm PST by
In macOS Monterey, Apple allows you to change the color of the mouse pointer from the standard white outline and black fill, to pretty much any color combination you want. So if you're having a hard time working out when it moves or changes to an insertion point, crosshair, hand, or other shape, it's worth switching things up. The following steps show you how. Launch System Preferences...
macbook air facetime camera

How to Enable Wide Spectrum Audio in FaceTime on Mac

Thursday February 17, 2022 3:19 pm PST by
In macOS Monterey, Apple brings several enhancements to its FaceTime video and audio calling platform, including new visual and audio effects to improve your call experience. One of the audio features is Wide Spectrum mode. This microphone mode brings every single sound into your call, making it ideal for when you want the other person to hear everything that's happening in the space you're ...

Popular Stories

maxresdefault

M2 13-Inch MacBook Pro With 256GB SSD Appears Slower Than Equivalent M1 in Real-World Speed Tests

Monday June 27, 2022 1:57 pm PDT by
Benchmark testing has indicated that the 256GB variant of the 13-inch MacBook Pro with M2 chip offers slower SSD performance than its M1 equivalent, and now real-world stress testing by YouTuber Max Yuryev of Max Tech suggests that the 256GB SSD in the 13-inch MacBook Pro is also underperforming in day-to day-usage. The M2 MacBook Pro with 256GB SSD and 8GB RAM was slower than the M1 MacBook ...
M2 Pro and Max Feature

Apple's Upcoming M2 Pro Chip for High-End MacBook Pro and Mac Mini Will Reportedly Be 3nm

Monday June 27, 2022 7:31 am PDT by
TSMC will manufacture Apple's upcoming "M2 Pro" and "M3" chips based on its 3nm process, according to Taiwanese industry publication DigiTimes. "Apple reportedly has booked TSMC capacity for its upcoming 3nm M3 and M2 Pro processors," said DigiTimes, in a report focused on competition between chipmakers like TSMC and Samsung to secure 3nm chip orders. As expected, the report said TSMC will...
iPhone 11 Pro vs iPhone 14 Pro

iPhone 11 Pro vs. 14 Pro: New Features to Expect if You've Waited to Upgrade

Monday June 27, 2022 11:22 am PDT by
With many customers choosing to upgrade their iPhone every two or three years nowadays, there are lots of iPhone 11 Pro users who might be interested in upgrading to the iPhone 14 Pro later this year. Those people are in for a treat, as three years of iPhone generations equals a long list of new features and changes to look forward to. Below, we've put together a list of new features and...
original iphone 2007

15 Years Ago Today, the iPhone Went On Sale

Wednesday June 29, 2022 4:43 am PDT by
Fifteen years ago to this day, the iPhone, the revolutionary device presented to the world by the late Steve Jobs, officially went on sale. The first iPhone was announced by Steve Jobs on January 9, 2007, and went on sale on June 29, 2007. "An iPod, a phone, an internet mobile communicator... these are not three separate devices," Jobs famously said. "Today, Apple is going to reinvent the...
tesla carplay hack

Tesla Apple CarPlay Hack Updated to Work With Any Tesla Model

Monday June 27, 2022 3:38 am PDT by
Polish developer Michał Gapiński has released a new and improved version of his "Tesla Android Project" which brings Apple's CarPlay experience to more Tesla vehicles than ever before. According to Gapiński, version 2022.25.1 provides "100% functional CarPlay integration for any Tesla," and comes with several new features and bug fixes. The project now supports DRM video playback so that...
13 inch macbook pro m2 mock feature 2

Base 13-Inch MacBook Pro With M2 Chip Has Significantly Slower SSD Speeds

Sunday June 26, 2022 2:52 pm PDT by
Following the launch of Apple's new 13-inch MacBook Pro with the M2 chip, it has been discovered that the $1,299 base model with 256GB of storage has significantly slower SSD read/write speeds compared to the equivalent previous-generation model. YouTube channels such as Max Tech and Created Tech tested the 256GB model with Blackmagic's Disk Speed Test app and found that the SSD's read and...
maxresdefault

Video Comparison: M2 MacBook Pro vs. M1 MacBook Pro

Tuesday June 28, 2022 2:45 pm PDT by
Apple last week launched an updated version of the 13-inch MacBook Pro, and it is the first Mac that is equipped with an updated M2 chip. As it's using a brand new chip, we thought we'd pick up the M2 MacBook Pro and compare it to the prior-generation M1 MacBook Pro to see just what's new. Subscribe to the MacRumors YouTube channel for more videos. For the video comparison, we're using the...
iPhone vs Galaxy Larger

Apple Executive Says Samsung Copied the iPhone and Simply 'Put a Bigger Screen Around It'

Tuesday June 28, 2022 8:59 am PDT by
The Wall Street Journal's Joanna Stern today shared a new documentary about the evolution of the iPhone ahead of the 15th anniversary of the device launching on June 29, 2007. The documentary includes an interview with Apple's marketing chief Greg Joswiak, iPhone co-creator Tony Fadell, and a family of iPhone users. One segment of the interview reflects on Android smartphones gaining larger...
widgets ios 16 feature

Gurman: iPhone 14 Pro to Feature Always-On Display Showing iOS 16's New Lock Screen Widgets

Sunday June 26, 2022 7:36 am PDT by
iPhone 14 Pro models are widely expected to feature always-on displays that allow users to view glanceable information without having to tap to wake the screen. In the latest edition of his Power On newsletter for Bloomberg, Mark Gurman said the feature will include support for iOS 16's new Lock screen widgets for weather, fitness, and more. "Like the Apple Watch, the iPhone 14 Pro will be...