Could we change the color of the accepted answer check for color blind people?

Question

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.

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 --> https://stats.stackexchange.com/

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.

Answer 2

The above was clipped from DBA.SE.

Putting a circle/something around the arrow seems like a good move to me. That would make the distinction clear for users with bad monitors and/or are color blind. I vote we go this route.