So I just figured out that stack exchange exists like 2 months ago and I am now just getting active in the wonderful world of cross validated and its great.

One thing I came across just now is I spent 10 minutes trying to figure out why I could not accept an answer. I was thinking I did not have the privilege, but I looked at the list and it is not on there (why would it be, you should be able to accept answers if you can ask questions). Then I sorted out that I had accepted an answer, but the color change from the grayed out check mark to the accepted check mark does not tickle the cones in my eye enough for me to notice the difference (rather, one set of cones in my eye is on permanent vacation and the other cones can't be bothered to take over the work, slackers, I know).

I realize that I can just hover over it and it will say accepted x amount of time ago, so its not the end of the world, but red/green color blindness is pretty common (other color blind folks would likely have an issue as well), so I was wondering if it would be possible to make it a different color (a darker more pronounced green would do it for me, though I can't speak for all color blind people). For an example of something that works, check out the darker green in stack overflow, that works just fine for me, though it might not fit the layout of cross validated as well.

I guess a color blind mode would solve the problem as well, but that seems like a bit of overkill, given that the only time it has bugged me so far is on the accept answer check.

Thank you for your consideration.

Thank you for bringing this to our attention. (I usually check for possible red/green confusion, but it did not occur to me that green could be confused with gray!) Perhaps @Jin could take a look? Probably a solution could be as simple as using the same (dark) green for the checkmark as for the voting symbols. –  whuber Feb 29 '12 at 18:56
Thanks for the response. Its strange when it comes up. The only times it matters for me is the red green color blind test (you know the circles), stop signs obscured by leaves (whoops!) and occasionally on websites. Hard to quantify exactly when on websites and it generally doesn't matter, but the fix is usually painless. I am terrible at color matching games though. –  asjohnson Feb 29 '12 at 19:21
I totally agree with asjohnson's as I have the same problem. Please do something about it. Darker green and or clearly lighter grey would be great (I think the best would be to change both colours). For me the basic issue is also that there is too little contrast between the colors. –  Henrik Mar 4 '12 at 14:21
Could this be fixed by, e.g. use of a larger tick mark when the answer has been accepted, or adding in a title "Accepted Answer" above the relevant answer? It would appear that a change in the form used to identify the accepted answer might be more useful. –  Michelle Mar 26 '12 at 3:02
I imagine a larger tick mark would be more noticable and text would be another solution that would get it done. I guess I would have to check the specific solution to be certain, but I don't see why either of them would not work. –  asjohnson Mar 26 '12 at 13:51

1 Answer 1

Maybe, there is a workaround for this.

I am using Stylish on Chrome to visualize accepted-answers on CV exactly equal to Stack Overflow. I think the green color used on the main site is too light.

The bellow code is a summary of what I got from blah238's answer on GIS SE, and Brock Adams's answer on Stack Overflow SE. And there is also the Old CheckMark's answer on Meta Stack Overflow SE.

Here it goes:

1- Install the Stylish on Google-Chrome (it can be used with Mozilla Firefox too, but not sure about other web navigators).

2- Type on Stylish the following code:

div.status.answered-accepted, div.status.answered-accepted strong {  
background: rgb(117, 132, 92) !important;  
color: #e1e818 !important;  

.answered-accepted {  
    background-color: rgb(117, 132, 92) !important;  
    color: #e1e818  

.vote .vote-accepted-on {  
background-image:   url(data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAcFBQYFBAcGBQYIBwcIChELCgkJChUPEAwRGBUaGRgVGBcbHichGx0lHRcYIi4iJSgpKywrGiAvMy8qMicqKyr/2wBDAQcICAoJChQLCxQqHBgcKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKir/wAARCAAoACgDASIAAhEBAxEB/8QAGwABAAMAAwEAAAAAAAAAAAAAAAIEBwMFBgj/xAAwEAACAQIFAwAJBAMAAAAAAAABAgMABAUGESFBEjFRBxMyQlJxgaHBFiI2YXSz4f/EABgBAAMBAQAAAAAAAAAAAAAAAAABBAID/8QAGxEAAwEBAQEBAAAAAAAAAAAAAAEDAhIRYSH/2gAMAwEAAhEDEQA/APpGlUcVxmywVLaTEZfUxXE4gEh9lGIJBY8D9umvGu+2pF6l6L1CuC9vbbDbGW8vplht4V6nduwH5PAHcml7e22G2Mt5fTLDbwr1O7dgPyeAO5NYfnHONzmi+6VDQ4fC2sMBO5Pxt5b7AbDknnSiwvpyrVTX01rKmY/1PY3d6kPqYY7poYVPtFAqnVuNSSe3btv3Kuk9E8UkeUJmdGVZLx2QkaBh0oNR5GoI+YNK1Nt5TZqbbwmyPpb/AIlbf5yf65K8/kb0hLhkK4Zj8rG0RdILjQsYgPcIG5XxyO3b2dMxnBrLHsMkscRi64n3BGzRtwyngj/h1BIrCsy5avcsYmbW7HXE+pgnUaLKv4I5HH9ggmevWNdont3jfaLmcc43OaL7pUNDh8LawwE7k/G3lvsBsOSb+RsjSZgmW/xJWjwyNth2NwR7o8L5P0G+pDI2RpMwTLf4krR4ZG2w7G4I90eF8n6DfUjZooo4IUihRY441CoiDQKBsABwKU5vb72ZlJ0fexFFHBCkUKLHHGoVEQaBQNgAOBSpUqwuFU8UwmxxqxNpilstxAWDdJJBBHYgjcH5cEjmlKGvRNJ/jLUUUcEKRQosccahURBoFA2AA4FSpSgYpSlAH//Z);
background-position: 0% 0%;  

The last part of the code refers to altering the checkmark. The checkmark image provided in the code is cutted a little bit but Brock Adams's answer provide an alternative way to one upload an own picture that can be used with background-image argument (the image needs to be uploaded on the server already with the desired color/aspect).

3- Still on Stylish set the "Applies to" field to:

URL starting with -->

To set the webpage domain using Stylish on Firefox see blah238's answer and follow the comments.

Here are some examples/screenshots for the above code: 1, 2 and 3.

I hope this can help you.


You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .