Modifying Firefox Theme

July 27th, 2009

I have personally upgraded to Firefox 3.5.1 myself, by downloading the binary from Mozilla and manually change the firefox symbolic link under /usr/bin to my new downloaded version. It seems to be a litter bit faster. But one thing is that the link color of the auto-completion menu is defined to dark-blue(#0000FF I think) as default. The auto-completion is the menu that pops out when you type something in the url input box. The background color of that auto-completion bar is set to menu background color, and mine is black. Dark-blue text can be hardly seen under black. So I make some personal modifications on the theme files.

My theme files which I am using are stored in a folder like this:

/home/lonnie/.mozilla/firefox/rsh6zrom.default/extensions/{1ebc69c0-92ff-11dc-8314-0800200c9a66}

I do not know what it stands for, I find this by blind guess+test. The theme style files are written in a css like form and I think the structure this css describing is well defined by Mozilla or something. I didn’t find out a line of correct written code to modify the url text color in auto-completion, but I have found a way to modify the background and other title text colors. They are defined in a file called ./chrome/gnome/global/autocomplete.css in that theme folder and I make the following modification:

141c141,142
<   background-color: transparent;
---
>   /* background-color: transparent; */
>   background-color: -moz-Field;
151c152
<   color: MenuText;
---
>   /* color: MenuText; */

For reference, here is also a part of the origin file, generated by grep . -n

137:/* ::::: richlistbox autocomplete ::::: */
139:.autocomplete-richlistbox {
140:  margin: 1px;
141:  background-color: transparent;
142:}
144:.autocomplete-richlistitem[selected="true"] {
145:  background-color: Highlight;
146:  color: HighlightText;
147:}
149:.autocomplete-richlistitem {
150:  padding: 1px 2px;
151:  color: MenuText;
152:}
154:.autocomplete-richlistitem:not(:first-child) {
155:  border-top: 1px solid ThreeDLightShadow;
156:}

And now the color of the auto-completion menu is much easy for me to read.

However, there are still some potential problems for Firefox 3.5. First, the firefox3.5 from ubuntu source simply can not be started properly. Second, my downloaded firefox3.5 binaries refuse to response from time to time, especially while dealing with some flash or sound or other multimedia things. I think there is something incompatible with the add-ons. And crashed firefox cannot be killed by killall command, and refuse to restart a new session (I think something is deadlocked or similar) and I have to restart my computer (or at least logout X I guess) to make it work properly again. This is somehow irritating…

One Response to “Modifying Firefox Theme”

  1. [...] A really cool fix with stylish. Better than mine. [...]

RSS feed for comments on this post. And trackBack URL.

Leave a Reply