According to my poll about 1 in 4 of you readers have already switched to Firefox 3 and almost everyone else will switch after their extensions are compatible. I am considering switching myself but before I do I need to tweak the heck out of it like I tend to do.

Now after a bit of searching I really couldn’t find any good resources out there for tweaking Firefox 3 stuff so I thought I should create one and share it with you!

So here I have compiled a list of Firefox 3 only userChrome.css tweaks. Here are instructions if needed.

Firefox 3 userChrome.css snippets

/* Specify a maxiumum height for the Autocomplete list */
#PopupAutoCompleteRichResult {
  max-height: 100px !important;
}

/* Remove splitter between the URL and Search bars to save space */
#urlbar-search-splitter {
  display: none !important;
}

/* Changed from #bookmarks-menu in FF2 */
#bookmarksMenu {
  display: none !important;
}

/* Remove the Bookmark star, I use Ctrl-D instead */
#star-button {
  display: none !important;
}

/* Remove the URL bar Go button, not necessary IMO ;) */
#go-button {
  display: none !important;
}

/* Style the new auto-complete list */
.autocomplete-richlistitem {
  background: #222222 !important;
  color: #FFFFFF !important;
  padding: 0px !important;
  margin: 0px !important;
}
.autocomplete-richlistitem:hover,
.autocomplete-richlistitem[selected="true"] {
  background: #444444 !important;
}

Bonus tweak that also works with Firefox 2 (thank you Lifehacker):

/* Make the active tab wider (when you have a few tabs open) */
#content tab[selected="true"] {
  min-width: 200px !important;
}

I’m sure there will be more to add to this list by the time Firefox 3 is released so stay tuned! Of course most of the other userChrome.css tweaks for Firefox 2 work with Firefox 3 as well. If you have any entries to add to this please share in the comments.