Bugzilla

The new `Edit contact` form is great and extremely powerful. The design has been carefully crafted. It's great that users can add all sorts of fields to the contact.

However, in the current iteration, imo the `⊕ Add property` elements appear a bit over-emphasized, because they have *two* salience factors:
- strong blue color (same as focus/default button color)
- large font (larger than the field titles and field text, which imo looks disproportionate)

All those big blue elements in the UI are "screaming" at the user pretty loud and dominating the whole page.
- That same *blue* is also reserved as a focus color, and having dozens of blue elements on the screen makes the focused element disappear in the crowd.
- Blue is also used for hyperlinks - but we're not linking to other places here, and we're not a web page nor a web mailer.
- It's bad enough that FF has decided to make checked checkboxes or radioboxes have blue background, but at least those are somehow `activated`, whereas our  `⊕ Add field` elements are not - they just have the role of a regular input element to be clicked on. Maybe we could try making them less salient.

**Ideas to reduce the salience of `⊕ Add property` elements** (see mockup screenshot)
- Perhaps we should not use blue color all over the place. Should be used for checked or focused elements only, to allow the focused element to stand out.
- Don't use large font for repeated input elements which are subsidiary to the respective field they belong to.

The new `Edit contact` form is great and extremely powerful. The design has been carefully crafted. It's great that users can add all sorts of fields to the contact.

However, in the current iteration, imo the `⊕ Add property` elements appear a bit over-emphasized, because they have *two* salience factors:
- strong blue color (same as focus/default button color)
- large font (larger than the field titles and field text, which imo looks disproportionate)

All those big blue elements in the UI are "screaming" at the user pretty loud and dominating the whole page.
- That same *blue* is also reserved as a focus color, and having dozens of blue elements on the screen makes the focused element disappear in the crowd.
- Blue is also used for hyperlinks - but we're not linking to other places here, and we're not a web page nor a web mailer.
- It's bad enough that FF has decided to make checked checkboxes or radioboxes have blue background, but at least those are somehow `activated`, whereas our  `⊕ Add field` elements are not - they just have the role of a regular input element to be clicked on.

Maybe we could try making them less salient.

**Ideas to reduce the salience of `⊕ Add property` elements** (see mockup screenshot)
- Perhaps we should not use blue color all over the place. Should be used for checked or focused elements only, to allow the focused element to stand out.
- Don't use large font for repeated input elements which are subsidiary to the respective field they belong to.