Firefox forms (work-in-progress)

Based on Kevin Gerich’s forms work (and others), I have put together something that makes unstyled HTML forms look like Industrial widgets.


Firefox forms, mostly like Industrial

At the moment, this doesn’t work with everything, things aren’t pixel perfect, and it is a kludge — but it does mostly work.

Steps to test it out (for the adventurous)

  1. Download firefox-forms.tar.gz
  2. Extract the tarball (it will unarchive in a directory called “res”)
  3. Quit Firefox
  4. Locate Firefox’s appropriate res directory (“locate platform-forms.css | grep -i firefox” should do it)
  5. Make sure you back up your files in case you want to go back
  6. Copy the files over
  7. Start Firefox and enjoy!

Known problems:

  1. Form widgets may not be the right size on some sites that assume Windows forms are being used (and therefor use the default Windows sizes)
  2. The :not operator doesn’t seem to work multiple times with all three style, id, and class attributes
  3. Widgets are a little off, but look mostly correct

Feel free to make improvements and share your experiences below.

(Hopefully, eventually, we’ll just get native-looking forms with Firefox on Linux, like there is currently is on Windows…)

Tags: , ,

10 Responses to “Firefox forms (work-in-progress)”

  1. SchAmane says:

    Waw! I copied this to my mozilla folder and it works !
    I looked so long for mozilla gtk theming, and now i have it.
    Nice dirty hack ! Thanks

  2. Mystilleef says:

    You did it again! Awesome work!

  3. Gustav says:

    Wonderful! Keep up the good work…

  4. zebulon says:

    Thanks for making me discover the Gmail Notifier extension đŸ™‚

  5. Hylke says:

    Beautiful! Another step forward to a consistan desktop.

  6. melanie butler says:

    looks great!!

  7. la says:

    WOOOOOWWWW .. you are the beeeesttt!!!! That was the only consern i had with firefox .. i compiled it 3 times and watched and hoped that they do something like that! you rock!

  8. BlogORabais says:

    Donner des form Ă  Firefox

    $ sudo cp -R /usr/lib/mozilla-firefox/res /usr/lib/mozilla-firefox/res_bak
    $ wget -c http://primates.ximian.com/~glesage/stuff/firefox/firefox-forms.tar.gz
    $ sudo tar zxvf firefox-forms.tar.gz -C /usr/lib/mozilla-firefox/

    L’affichage n’est pas des

  9. […] Thanks to Amake for Firefoxy, the fancy widget applicator, and Garett LeSage, Kaz, and NAKAJIMA Hiroki, who expanded on my earlier widget styles. Archive Firefox Projects Design […]

  10. […] Linuxart Blog Archive Firefox forms (work-in-progress) Garrett LeSage’s weblog … Thanks to Amake for Firefoxy, the fancy widget applicator, and Garett LeSage, Kaz, and NAKAJIMA Hiroki, who expanded on my … […]