Howto: Better integrate Firefox with dark themes

July 18, 2007 at 2:57 pm | Posted in tips and tricks, xubuntu | 2 Comments

Here’s the problem: in some themes (in my case, Murrina Aero) the menubar has a dark background. In other programs, the text of the menubar is white. In Firefox, however, it’s gray and unreadable. Here’s a quick fix to make the menus easier to read:

1) Open up Firefox, and type about:config in the address bar. Once loaded, right click and go to New > String. When asked to type in the preference name, type in ui.menutext. Hit OK. Now type in #ffffff.

Restart Firefox. The menu will be easier to read, but now we’ve run into another problem: your submenus and right-click menus have also turned white, and they’re unreadable. Fear not, there’s a fix for this too:

2) Go to Xfce Menu > File Manager (Thunar). Once there, click View > Show Hidden Files. Then navigate to .mozilla/firefox/xxxxxxxx.default/. (Note: xxxxxxxx changes for each system. For instance, mine is x3s7t788.)

3) Now go to the chrome folder. Under there is a file called userChrome.css. Open it up and paste in the following at the end of the file:

menupopup > menu, popup, menuitem {
color: black !important;
}

Save the file and exit.

4) Restart Firefox. Now your menu bar will be readable, as well as the submenus.

Known bugs:

This still doesn’t affect the right-click menu of about:config. No big problem, though, since any configuration you do in there can also be placed in .mozilla/firefox/xxxxxxxx.default/prefs.js.

Special thanks to this guide on creating Office XP style menus for Firefox 2 for helping how to figure this out.

Enjoy!
Special thanks to the

2 Comments »

RSS feed for comments on this post. TrackBack URI

  1. […] primera de ellas es modificar el fichero “userChrome.css” del […]

  2. […] primera de ellas es modificar el fichero “userChrome.css” del […]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.
Entries and comments feeds.

%d bloggers like this: