#3415 closed defect (bug) (duplicate)
Contrast on the error and positive actions needs to be increased a little
Reported by: | karmatosed | Owned by: | |
---|---|---|---|
Milestone: | Priority: | normal | |
Severity: | normal | Version: | 1.5 |
Component: | Templates | Keywords: | |
Cc: |
Description
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.
Attachments (13)
Change History (26)
#2
@
13 years ago
Part of r4688 has inadvertently changed the styles for these elements; I'm just about to commit a change to correct it back.
The green you've suggested is sort of lime colour; I don't think it fits well with the blue and green colours we use elsewhere in BPD. I'd love to hear what you think of the trunk after you svn up :)
#3
@
13 years ago
I've had a look and still it jars a little on certain monitors.
You can see in redissue.jpg and greenissue.jpg
I have 2 suggestions.
- The red has a white text but the green doesn't and has the contrast issue. Perhaps using my solution in suggestionone.jpg would work. I'd also suggest a softer red I used in softred.jpg
- We go light for both: lighterred.jpg and suggestiontwo.jpg show this.
#5
@
13 years ago
I updated my group detail:
- Go to a group you are admin of
- Go to settings > change something or just hit save changes
However, happens for me on any 'positive' action can recreate on editing my profile too.
#6
@
13 years ago
Which browser? My 'positive' green is totally different from yours: http://i55.tinypic.com/281sg37.png
#7
@
13 years ago
Safari but I still see contrast issues in Firefox although less :( I did a compare the browser to show you attached for reference.
#9
@
13 years ago
I just checked on my laptop (was using different machine) and it's showing as Firefox. The other one was < 5.1 so I think this was issue. Which in theory is ok I assume as support latest version of Safari right? Sorry about false browser alarm.
Just checked on Snow Leopard / 5.1 and see what you see. However I still think it should have contrast increased and maybe go white. It's still hard to read even with the browser oopsey aside.
#11
@
11 years ago
In light of the UI refresh changes this can be closed or at least merged into that ticket as that ticket has a patch for them.
(In [4906]) Don't set opacity on from status message paragraphs. See #3415 and #3241