[buddypress-trac] [BuddyPress] #3415: Contrast on the error and positive actions needs to be increased a little

[buddypress-trac at lists.automattic.com]

#3415: Contrast on the error and positive actions needs to be increased a little
------------------------+-----------------------------
 Reporter:  karmatosed  |      Owner:
     Type:  defect      |     Status:  new
 Priority:  normal      |  Milestone:  Awaiting Review
Component:  Theme       |    Version:  1.5
 Severity:  normal      |   Keywords:
------------------------+-----------------------------
 First up the red / errror:

 On some screens the red used doesn't quite get the message standing out so
 my suggestion would be to change to a slightly darker red (screenshots
 attached):


 {{{
 div#message.error p {
     background-color: #AE0000;
     border-color: #A71A1A;
     clear: left;
     color: #FFFFFF;
 }
 }}}

 I'd also possibly suggest removing the gradients to increase legibility
 and make the messages stand out: see gradientsgone.jpg.

 The flipside to this is the green / positive action:

 The green itself jars on some screens and again has the contrast issue.
 Attached screenshots.

 My suggestion would be:


 {{{
 div#message.updated p {
     background-color: #D5F082;
     border-color: #B6E527;
     color: #4C610D;
 }
 }}}

 See lightgreen.jpg

 That's if we keep the light / dark text.  I'd suggest reflecting the error
 message though and going dark green / white text for instance:


 {{{
 div#message.updated p {
     background-color: #547000;
     border-color: #496100;
     color: #FFFFFF;
 }
 }}}

 See darkgreen.jpg

 I'd also suggest considering the gradient removal too see
 greennogradient.jpg

 I'm marking as a defect but quite happy if this becomes a enhancement - I
 was on fence which it fell in however it does impact the theme on some
 screens so therefore leant towards bug.

-- 
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/3415>
BuddyPress <http://buddypress.org/>
BuddyPress