« Things I have to recharge | Main | Google Personalized Homepage "picks up the tab" »

Firefox Tip: Make the active tab more visible


Firefox logo

Change the color of the active tab in Firefox to improve its visibility.


By default, the active tab in Firefox is not very visible, and it becomes less so the more tabs you open in a single browser window.


Changing the color of the active tab makes it easy to see at a glance.

Firefox's tabbed browsing makes it easy to manage having several websites open at once, but with multiple tabs open, it doesn't take long to lose sight of the active tab.  Spending time looking for the active tab reduces the benefit of using multiple tabs. Changing the active tab's color solves the problem by making it stand out in the crowd.


Firefox active tab default


Firefox active tab more visible


Make a quick change to your userChrome.css file, then restart Firefox

Edit your "userChrome.css" file and add:
/* Change color of ACTIVE tab */
    -moz-appearance: none !important;
    background-color: rgb(255, 106, 106) !important;
    color: black !important;
/* Change color of normal tabs */
    background-color: rgb( 70, 130, 180) !important;
    color: white !important;

The colors in the example code above will make your tabs the same colors as mine in the screenshot above; you can use any colors you like.

Note:  You must restart Firefox for this change to take effect.



Enjoy your insightful tips. I would love to discuss a blog widget with you. Email me if you are interested.

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)