Change colors and fonts of unread tabs to your liking. This is good for the default theme.
Install options
- Install Stylish for Firefox, Thunderbird, Flock, Mozilla Suite, SeaMonkey, or Songbird. If you have Stylish already, make sure you're using the latest version and have JavaScript enabled.
- You need Firefox with Stylish to use this style. Get it now, then Install Stylish, then come back here to install this style.
- - load into the Stylish extension where you can preview and save it.
- - this style has been updated since you installed it in Stylish.
Feedback
Reviews
Tim said on Oct 30 2006
I was already changing the color of unread tabs, and was annoyed with the color of unread tabs when hovering over them. I didn't think about the :hover aspect of it. Thanks, helped out a lot. FWIW, here's what I'm using:
/* Italicize and gray-out the title of unread tabs */
#content tab:not([selected]) {
font-style: italic !important;
color: #666666 !important;
}/* Change the color of unread tabs (hovered) */
#content tab:not([selected]):hover {
font-style: italic !important;
background-color: #666666 !important;
}
/* Underline the title of the current tab */
.tabbrowser-tab[selected="true"] {
text-decoration: underline;
}
Note, the hovered and normal unread tabs use the same color (background-color and color, respectively), but FF2.0 does something else (load an image?), so all you really get is two horizontal bars in the background-color. But, it makes it stand out so it isn't confused with the selected tab.
Carlos said on Jun 13 2006
How to define the color of unread tab text?