Improve forum input fields' contrast and UI

[valentinbora]

Other areas of WordPress.org such as "Edit Forum Profile" and "Edit WP.org Profile" have input fields spanning the full width of the screen, as well as better contrast between label and field, plus their styling is nicer.

I propose improving the forum fields' styling to mostly match the other areas and improve UI experience.

[valentinbora]

Screenshot of the current styling of input fields on Support Forums

[valentinbora]

Screenshot of the edit form for WP.org profile

[valentinbora]

New proposal for improving input fields

[valentinbora]

Patch containing the proposed changes to input fields

[tobifjellner]

Looks good. In parallel with the increased font size, it would be good to have a possibility to select a smaller font, in order to see more of your text in one screen. Perhaps a tick box in the editing toolbar, next to "CLOSE TAGS"?

[valentinbora]

Replying to tobifjellner:

Looks good. In parallel with the increased font size, it would be good to have a possibility to select a smaller font, in order to see more of your text in one screen. Perhaps a tick box in the editing toolbar, next to "CLOSE TAGS"?

I believe the increase/decrease font size buttons in the reply editor would merit a separate ticket.

[melchoyce]

I would love if we could update all these form elements to match core's input elements, which were recently redesigned with color contrast in mind.

Could we even... use Gutenberg's form components on the front-end of these sites? (I understand if that's like, way, way out of scope here)