Who stole the darkness from the accepted-answer-tick?

Question

At first I thought my eyes were fooling me, but after taking a second look, I found the SO answer-tick to be brighter than before!

old:

new:

(I find the new color to be too bright and stingy, especially with the white background. The old darker green was nicer for the eyes. Can haz old color back?)

Answer 1

I just counted, and the check mark is all of 30px wide. I don't care if it's high visibility yellow or safety orange, nothing that small short of a 5W LED is going to hurt your eyes.

Yes, it's noticeably different if you're used to the darker icon. A week or two from now you'll be used to the new one and you won't notice it anymore -- unless you get so worked up about the issue that it becomes a pet peeve which eats into your soul and gives you fits every time you see an accepted answer. Solution: relax, don't get worked up about it.

Also: If you do happen to get worked up about it, this kind of thing is often pretty easy to adjust yourself with a browser plug-in. Tools like Greasemonkey and Stylish make web sites customizable.

Answer 2

Praise! For I have fixed our problems forever (well, hopefully).

I have created a user script, which embeds the old image (instead of relying upon an outside server which probably will change over time), and now we finally have our victory!

Here's a screenshot in-action:

Download Me Now!

Answer 3

Chrome Extension

I found an old sprites.png file here and packaged it up along with a small CSS file into a small Chrome extension. I'm pretty sure this is the wrong way to distribute it but I have made the CRX file available here. Unzip the CRX for the source.

Answer 4

Can haz old color back?

Yes we can!

---

Method 1: using the old “sprites.png”

Using the sprites icktoofay found, minimalistically you just need to add the following rule in your user CSS to get the darker green check-mark.

.vote .vote-accepted-on {
    background-image: url('https://cdn.sstatic.net/stackoverflow/img/sprites.png');
}

---

Method 2: base64 image data of old checkmark embedded in CSS

Adapting Richard's excellent base64 solution to use the image of a single (gorgeous, low-contrast, dark green) checkmark instead of using the entire sprite, this is the resulting CSS rule.

.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%; 
}

---

Appendix C: Applying user/custom CSS

1. Browser's built-in method (e.g. Opera's way to using user css is documented here).
2. Greasemonkey script (see Richard's solution)
3. Stylish plugin (available on Firefox, Chrome, and possibly Safari)

Note: Applying CSS by domains is easy for #2 and #3, I'm not sure about #1.