Beautify Firefox Form Widgets in Linux

Firefox.png

For some reasons, web controls are rather ugly in Firefox when it runs under Linux. It is particularly the case with radio buttons. Here are comparison screenshots of what it looks like and what it will look after you follow and implement the following instructions:

Ugly:

uglyradiobuttonsiffirefox.png

Fixed:

prettyradiobuttonsiffirefox.png

Fortunately, I found a solution to fix this problem. Note the follow tutorial will be for Ubuntu and Suse. But similar instructions will apply to other distro’s and I will explain further at the bottom.

First close Firefox if it is running. Then open terminal and run this commands, one by one.

Obtain the new forms

wget http://tuxtraining.com/files/ff-formwidgets.tar.gz

Extract the new forms

tar -xvzf ff-formwidgets.tar.gz

Backup your original forms.css

In Ubuntu: sudo cp /usr/lib/mozilla-firefox/res/forms.css /usr/lib/mozilla-firefox/res/forms.css.bak

In Suse as root: cp /usr/lib/firefox/res/forms.css /usr/lib/firefox/res/forms.css.bak

Copy over your new forms

In Ubuntu: sudo cp -r firefox-form-widgets/res/form-widgets /usr/lib/mozilla-firefox/res

In Suse as root: cp -r firefox-form-widgets/res/form-widgets /usr/lib/firefox/res/

rm -rf firefox-form-widgets

Now start Firefox again and start enjoying great looking controls.

Note for other distro’s: What you’re looking for is the res folder in Firefox which contains the forms.css file. You can substitute the directory for your distribution with the directory I list for Ubuntu or Suse. If you have trouble manually locating this folder just run a “locate forms.css | grep firefox/res/forms.css” and that should output the directory you will need to follow these instructions.

Related Posts

Comments are closed.