Steven Garrity and I talked about Firefox a lot at the GNOME Summit. We talked briefly about my Industrial-like form widgets for Firefox and Kevin Gerich‘s own custom widgets too and arrived on the conclusion that a small, tweaked version of forms.css would probably be more likely to be accepted at this point in time.

I did a few tweaks to make the buttons, text inputs, textareas, checkboxes, and dropdowns look a lot better, all without changing the size. They were done in a way which should hopefully not conflict with website styling. (Although there might be bugs.)

the before image
Before the changes (ugly)
the after image
After the changes (much better)

I’ve also made an animation to compare the two, but decided not to display it inline as it is a bit much. It’s still neat to see, so I’d recommend clicking the link (but you have been warned).

There are a few things I’d like to do to it still…

  • Make the radio buttons look nicer somehow

  • Add a depressed-looking button-down state

I’ve also made my modified forms.css available.

So, what do you all think? Have any suggestions?