Safari 15 Extension for Mac Helps You Tell Which Tab Is Active

Safari 15 has faced a barrage of complaints about its controversial new design, and while Apple has listened to user feedback and reversed some changes or made them optional, many users still struggle to discern an active tab from a background tab on the Mac browser because of the inverted shading.

safari 15 tabs
Unfortunately for users who do not like the new design, Apple has not made any changes to the shading of tabs in either the Safari 15.1 beta or the latest version of the experimental Safari Technology Preview browser.

Fortunately however, developer Zhenyi Tan was inspired by John Gruber's Daring Fireball article about the issue and has since come up with a simple Safari extension called ActiveTab that provides a solution.

ActiveTab simply makes it easier to spot the active tab in Safari on Mac by drawing a line underneath it. There are eight colors to choose from, and the line below the tab can be customized to be between 1 and 7 pixels wide.

active tabs
As Zhenyi notes, the extension works best with the "Separate" tab layout selected and "Show color in tab bar" disabled in the Tab section of Safari's Preferences. Zhenyi also cautions that ActiveTab will not work reliably if you have so many tabs in a window that the tab bar becomes scrollable.

ActiveTab is available for $1.99 on the Mac App Store, with no in-app purchases, no ads, and no tracking.

(H/T MacStories.)

Tag: Safari

Top Rated Comments

karranz Avatar
3 weeks ago
OK so in 2021 I need an independent developer (thanks Zhenyi!) to fix Safari.
Score: 27 Votes (Like | Disagree)
Mac Fly (film) Avatar
3 weeks ago
Hahaha. Great design, Apple ?

Safari 14 tabs were a better UX design in every way: more attractive, more intuitive, more minimal, a more efficient use of available screen space, more drag-able and tab-like.
Score: 26 Votes (Like | Disagree)
arvinsim Avatar
3 weeks ago
A company that is renowned for its user experience has to rely on a third party to fix their browser product o_O
Score: 14 Votes (Like | Disagree)
SilverWalker Avatar
3 weeks ago
Lighter tabs are lighter because they are in the foregrounds - there is more light on them; darker tabs are darker because they are in the background - there is less light on them. It is 101. I can't understand why a designer at Apple would go the opposite way to this. There have been other controls in Mac OS / iOS that have done the same thing, and it is always confusing what the currently selection option is. Design is supposed to get out of the way, it should be 'invisible' so that we can use something without having to think about it.
Score: 13 Votes (Like | Disagree)
the3ye Avatar
3 weeks ago

Don't most people run dark mode? Well, I do and my safari looks fine. The active tab is lighter than the inactive ones, just as you'd expect.
It should be the same on light mode but it's not. That's the problem. When I switch to dark mode I'm even more confused. Suddenly active tab is lighter than inactive @@
Score: 10 Votes (Like | Disagree)
baryon Avatar
3 weeks ago
I use auto dark/light mode: light during the day, dark at night. In dark mode, the lighter tab is active. In light mode, the darker tab is active. When the mouse hovers over a tab, it becomes the same color as the active tab. It's terrible design! Even in DOS things were more visible.
Score: 10 Votes (Like | Disagree)

Related Stories

safari 15 tabs

Safari 15 Users Say New Tab Design is Counterintuitive

Monday October 4, 2021 11:05 am PDT by
Safari 15's controversial new design on the Mac has led to complaints about the way the browser indicates which tab is active. As illustrated by Daring Fireball's John Gruber, there was never any ambiguity about which tab is active in previous versions of Safari, as an active tab is shown with lighter shading that matches the browser's toolbar. In Safari 15, however, tabs have a new...
safari ios15

Safari Browser to Get UI Overhaul and New Features Including Tab Groups

Monday June 7, 2021 11:37 am PDT by
For its new mobile and desktop OSes, Apple is redesigning the Safari browser user interface to be more compact and allow for better organization of multiple open tabs, specifically with a new feature called Tab Groups. Tab Groups aim to offer a new 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 ...
macbook pro tab bar blending safari 15

macOS Monterey and iPadOS 15.1 Release Candidates Limit Safari Color Tab Bar Option to Compact View

Monday October 18, 2021 5:52 pm PDT by
With the macOS Monterey and iPadOS 15 release candidates that were seeded to developers today, Apple has eliminated the option to use the Color Tab Bar with the separate tab design in Safari. A tab bar with color in Safari 15 If you want to have a color tab bar that blends in with the background color of a website, you need to toggle on the Compact Tab Bar, which is the tab bar design that...
safari ios 15

iOS 15: Check Out Safari's New Tab Bar, Tab Groups, and Tab Switcher

Friday June 11, 2021 5:22 am PDT by
In iOS 15, Safari has been completely redesigned with easier-to-reach controls in mind. Foremost is a new, compact tab bar that floats at the bottom of the screen when you're not inputting a URL address. Safari on iOS has also inherited the Start Page from macOS Big Sur, and you can now create tab groups to allow you to easily access them across devices. Let's take a closer look at how it all...
safari macos icon banner

Apple Releases Safari 15 Update for macOS Big Sur and macOS Catalina With New Safari Design, Tab Groups, and More

Monday September 20, 2021 11:37 am PDT by
Apple today released Safari 15 for macOS Big Sur and macOS Catalina devices, with Apple introducing support for features that are going to be coming in the macOS Monterey update set to be released later this year. Safari 15 introduces a new look for Safari with rounded, more defined tabs and support for transparency, a compact tab bar option that can be toggled on or off, and Tab Groups....
macos monterey safari design reverted

macOS Monterey Release Candidate Undoes Safari Changes, Reintroduces Old Tab Design

Monday October 18, 2021 12:33 pm PDT by
Apple has admitted defeat on the Safari design changes that have been present for the entire macOS Monterey beta, and the release candidate that was provided to developers today reverts to the old style that was available prior to Safari 15. Safari design in the macOS Monterey release candidate macOS Monterey now features a standard Big Sur tab design that does have the tabs with spaces in...
safari 15 1 old tabs

Apple Releases New Big Sur and Catalina Safari 15.1 Betas for Developers With Restored Tab Design

Wednesday October 20, 2021 6:24 pm PDT by
Following in the footsteps of the macOS Monterey release candidate seeded earlier this week, Apple has released a fourth beta version of Safari 15.1 for macOS Big Sur and Catalina to developers that restores the previous tab design that was in place prior to Safari 15. Safari 15.1 now features a standard Big Sur tab design, which is enabled by default and is labeled "Separate" in Safari...
safari redesign ipados 15 beta 4

iPadOS 15 Gains macOS Monterey's Redesigned Safari Tab Interface

Tuesday July 27, 2021 10:47 am PDT by
The fourth beta of iPadOS 15 that was released today introduces tweaks to Safari, with the Safari layout now mirroring the updated layout that was introduced in macOS Monterey Beta 3. The new Safari design in iPadOS 15 beta 4 Prior to this beta, Safari on iPad was similar to Safari on iOS with no dedicated tab bar, but after the update, Apple has added a dedicated tab bar that's activated by...
Safari Technology Preview Feature

Apple Releases Safari Technology Preview 133 With Bug Fixes and Performance Improvements

Thursday September 30, 2021 10:13 am PDT by
Apple today released a new update for Safari Technology Preview, the experimental browser Apple first introduced in March 2016. Apple designed the Safari Technology Preview to test features that may be introduced into future release versions of Safari. Safari Technology Preview release 133 includes bug fixes and performance improvements for CSS, CSS Cascade Layers, CSS Font Loading API,...
Safari Technology Preview Feature

Apple Releases Safari Technology Preview 132 With Bug Fixes and Performance Improvements

Thursday September 16, 2021 2:24 pm PDT by
Apple today released a new update for Safari Technology Preview, the experimental browser Apple first introduced in March 2016. Apple designed the Safari Technology Preview to test features that may be introduced into future release versions of Safari. Safari Technology Preview release 132 includes bug fixes and performance improvements for Web Inspector, CSS, JavaScript, Web API, WebRTC,...