[wp-trac] [WordPress Trac] #31459: Update WP-admin Buttons

[WordPress Trac]

#31459: Update WP-admin Buttons
--------------------------+------------------------------------------------
 Reporter:  hugobaeta     |       Owner:  hugobaeta
     Type:  enhancement   |      Status:  assigned
 Priority:  normal        |   Milestone:  Future Release
Component:                |     Version:  4.2
  Administration          |  Resolution:
 Severity:  normal        |     Focuses:  ui, accessibility, administration
 Keywords:                |
--------------------------+------------------------------------------------

Comment (by hugobaeta):

 Following up on the accessibility concerns, I did a lot of work on color
 contrasts and also pleasant aesthetics for the buttons refresh. I just
 uploaded a new patch that focuses on the primary buttons (didn't do major
 changes to secondary buttons, aside from the generic removal of the 1px
 highlight on them - I'd still like the shadows to be more solid).

 [[Image(https://cldup.com/zFXgjfjux1.png)]]

 In my proposal, the button background color doesn't reach a 4.5:1 ratio
 for WCAG AA compliance, but it's close (discussed this with @helen, and we
 both agreed that the compliant background blue was too dark and
 unpleasant). To solve this, I added a text-shadow to the white text, that
 bumps this up to a WCAG AA compliance. @afercia, can you please audit this
 too to be sure?

 As discussed before, the revised states for the button make more sense
 now: Hover is slightly lighter.

 The screenshot is just a quick representation, but this is a patch worth
 seeing live on the admin, so apply it and test it, please!

 I ended up adding some more shades of blue to the Accent Colors section in
 my [http://codepen.io/hugobaeta/details/RNOzoV/ CodePen for all things
 color in core]. I'll update the Design Handbook when I have a chance, but
 for now this serves us well for reference.  Also, I might need to add
 darker variations to the Accent blues, let me know @afercia if the borders
 need to be darker :)

 @michael-arestad, What do you think of the style update? Should we also
 add a subtle transition to them?

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31459#comment:25>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform