error class in wp-admin needs restyling

[technosailor]

Immediate observation:

1) It doesn't fit the full width paradigm
2) the pink/red is harsh with the blues/oranges

[technosailor]

Patch attached. Suggested bg color used - based on recommendation from colorschemer online. I'm easy though if Happy Cog provided some other color for this sort of thing in their pallette.

[iammattthomas]

Patch with HC colors

[iammattthomas]

Patch with HC colors

[iammattthomas]

Found a comp with error message styling specified. I've attached another patch with their colors specified.

[ryan]

(In [7115]) Error class stlying from mt. fixes #6034

[technosailor]

Holy flip that's bright. I think I like my colors better. Way easier on the eyes. I'm assuming you reviewed the colors? :) Screenshot attached.

[technosailor]

Is this really what we want?!

[ryan]

You certainly can't overlook it.

[iammattthomas]

I think that's the point with the color selection, but I'll forward this ticket to Happy Cog for their input. I'm sending a patch with the correct link color, though.

[iammattthomas]

Make links in error messages white

[ryan]

(In [7117]) Fix link colors for error class. Props mt. see #6034

[mdawaffe]

add user error message

[mdawaffe]

Error message Add User.png

Shows error message and .form-invalid highlights (pink rows).

How does the .form-invalid color look?

The error message is not full width. #ajax-resonse should probably have no padding or margins globally since it's an empty element on all pages 95% of the time. Also, the margins for .error are tuned for when it's at the top of the screen, which is not always the case.

[7103/trunk/wp-admin/wp-admin.css] is what I did for the recent post edit collision ajax messages that show up underneath the post box. (Here, #autosave is like #ajax-response.)

Note - we can rename the #ajax-response on the add users page to anything we want. It'll require a JS tweak is all.

[iammattthomas]

Sending patch that sets margins for .updated and .error inside .wrap; remove padding from .ajax-response; edit .tablenav margin to account for change to .ajax-response.

[ryan]

(In [7118]) More error class styling from mt. see #6034

[iammattthomas]

Change error message colors

[iammattthomas]

New error and invalid highlighting colors

[iammattthomas]

​6034-5.diff changes error message colors to new ones provided by Happy Cog. It also changes the color of the invalid field highlighting, and adds a border on all form-table inputs and textareas so that border sizes are consistent with the new field highligting. (​Screenshot)

[technosailor]

BEAUTIFUL! :)

[iammattthomas]

Definitely an improvement. :)

[ryan]

(In [7136]) Error class styling from mt. fixes #6034