Firefox 3

Posted Sun 18 May 2008 14:00 under category tips

So, I got bored this weekend and installed Firefox 3 (beta 5, if it matters to you). It works pretty well -- it's certainly faster than Firefox 2. However, there are a couple of annoying bugs that I'd like to post the solutions to for posterity:

If you use a dark theme (like I do), then many textarea and input form elements will be unusable because they will have a dark foreground color and a light background color. The solution to this is to add a userContent.css to ~/.mozilla/firefox/ /chrome. There are lots of guides on the Internet for this file, so I won't go into it. However, the difference from Firefox 2 is that now any sections that you want to actually be interpreted for reskinning "native" controls (like form input boxes) need to have a -moz-appearance: none !important; rule. There should, however, not be any @namespace directive.

The other annoying thing is that the Awesomebar thinks links should be green. Don't get me wrong, I like the awesomebar, and I like links, and I like the color green. But green really doesn't work with my theme. So I reskinned them, using the userChrome.css file in the same directory as userContent.css. Copying the example will get you the @namespace directive, which is important in this file. Then, the following lines will get you some nice blue-ish links (this color looks good on a dark background):

.ac-url-text {
    color : #8888cc !important;

You can thank grep for the relevant style class. Anyhow, I'd be interested to hear any of your opinions on Firefox 3. Otherwise, have a nice week-end.