Making unread tabs obvious in Firefox

Update: as requested: Unread Tabs extension

Saw this tip over at the MozillaZine Knowledge Base:
Change the style of tab markers.

Adding those CSS rules to your userChrome.css file will italicize the titles of tabs that you haven’t read.

Screenshot of unread tab being italicized in Firefox


Very useful for keeping track of what you’ve read and what you haven’t (also helps prevent you from accidentally closing an unread tab).

16 Comments & TrackBacks ()

Paper doll icon
Jacob Riis's Gravatar

It’s agreat idea. But if we could get an extension for this it would be even better. I don’t want to mess around config files to get things done. I would imagine the average user feels the same way.

Posted by: Jacob Riis on December 20, 2004 12am

Paper doll icon
Neil's Smaller World's Gravatar

Making unread tabs obvious in Firefox
Make unread tabs in Firefox appear in italics. Pretty cool for heavy users of tabbed browsing.

Posted by: Neil's Smaller World on December 20, 2004 1am

Paper doll icon
Wizzlopia's Gravatar

Firefox Rules (Again)
Those who have read this blog before will know that I am a dedicated supporter of Firefox as an alternative to Internet Explorer, and it’s not just because I want to appear leet in front of my friends. I don’t think I need to list the most important …

Posted by: Wizzlopia on December 20, 2004 1am

Paper doll icon
Mark's Gravatar

Sounds like a good idea. This seems nice & simple. Is there a possiblity of having this as default behavior?

Posted by: Mark on December 20, 2004 3am

Paper doll icon
Nathan Wong's Gravatar

Is that valid CSS? Or is it that valid CSS that IE doesn’t support so nobody’s seen it before?

The
#content tab[selected="true"]

Part.

Posted by: Nathan Wong on December 20, 2004 5am

Paper doll icon
Hanspeter's Gravatar

It’s valid. See CSS selectors.

Posted by: Hanspeter on December 20, 2004 5am

Paper doll icon
Neil Jenkins's Gravatar

Thanks for the tip! Personally, I prefer to make the text a different colour rather than make it italic - I use a dark red (#7F352C).

Cheers,

Neil

Posted by: Neil Jenkins on December 20, 2004 6am

Paper doll icon
Bart N.'s Gravatar

Nice tip, thanks Chu Yeow !

(btw is the anti-spam letter allways “R” ? :))

Posted by: Bart N. on December 20, 2004 7am

Paper doll icon
John Blackbourn's Gravatar

How cool would it be to have an extension which implemented this, which also had a feature where upon right-clicking the tab, you would be presented with a menu option “Mark Tab as Unread” …?

Posted by: John Blackbourn on December 20, 2004 7am

Paper doll icon
Patrick's Gravatar

I get italics for my unread tabs, I guess it comes with the theme I use: Noia 2.0 (eXtreme)

Posted by: Patrick on December 20, 2004 9am

Paper doll icon
annonymous's Gravatar

More concise version:

#content tab:not([selected]) {font-style: italic !important;}

Posted by: annonymous on December 20, 2004 12pm

Paper doll icon
Allen's Gravatar

Thanks for posting this handy tip. I switched to Firefox from Opera just recently, and this was something I missed from Opera. Instead of italics, I made the whole tab a different color until selected. It looks great!

Posted by: Allen on December 23, 2004 10am

Paper doll icon
Tuan's Gravatar

Hello,

I installed the Unread Tabs Extension, restart Firefox like it said. I then opened multiple to see it works or not but it didn’t. There were no italicized tab. What went wrong? Please help.

Thank you

Posted by: Tuan on January 25, 2005 10am

Paper doll icon
gambling's Gravatar

gambling

gambling All the choir of heaven and furniture of earth - in a word, all those bodies which compose the mighty frame of the world - have n

Posted by: gambling on July 10, 2005 11pm

Paper doll icon
redemption in a blog - Unread tabs Firefox extension (otherwise known as the simplest extension ever)'s Gravatar

[...] I claim no credit for the extension: CSS comes from the Change the style of tab markers entry in the MozillaZine Knowledge Base. Thanks to an anonymous commentor, the CSS is just a single rule (rather than the 3 in the Knowledge Base entry linked to above): #content tab:not([selected]) { font-style: italic !important; } [...]

Posted by: redemption in a blog - Unread tabs Firefox extension (otherwise known as the simplest extension ever) on January 23, 2006 10am

Paper doll icon
Aditya Mukherjee's Gravatar

hi! this is a really good thing (showed up #1 on google! :)

but i wanted to know if there is anyway to color a read, but updated tab when its not selected. For example, if i have Gmail open in a tab (and we all know how Gmail automatically updates itself), it’ll change the tab color if there is any change in the content, or to just show that its finished reloading?

Thanks!

Posted by: Aditya Mukherjee on February 15, 2006 3pm

You can subscribe to the RSS feed for comments on this post.

Sorry, this entry is no longer accepting comments. If you have something you really want to say, you can write me.