Gmail Favicon Alerts 3

By Peter Wooley Last update Nov 17, 2009 — Installed 26,402 times. Daily Installs: 29, 26, 39, 40, 40, 28, 33, 24, 24, 42, 24, 29, 29, 27, 31, 37, 38, 40, 26, 34, 29, 32, 29, 29, 31, 28, 39, 17, 98, 20, 21

Swapping Icon Colors

Subscribe to Swapping Icon Colors 6 posts, 2 voices

badenoch User
FirefoxWindows

Okay... The script works for me exactly as intended. Nice work.

Since I alread have very little red on my screen in my normal workflow, I've tried to get in and make the red icon appear only for the unread case and a desaturated/gray version for the read case. Otherwise, the red draws my eye to that tab all the time.. bla bla... anal retentive... bla bla... :)

The custom custom gray icon I made works fine when I base 64 encode it and plug it into the script. On the other hand, no matter what I do, I can't replace the blue icon. Any ideas if this is a favicon caching issue or is the blue(unread) icon coming from somewhere not so obvious as the red(read) icon in the script?

 
Peter Wooley Script's Author
FirefoxWindows

Yes, the unread icon in base64 is only used if you have turned off the Unread Count. After that, things get hacky. Because the HTML5 <canvas> tag cannot accept base64 image data or a remote URL, the unread icon with dynamic text on top of it must be generated in code. In order to do this, the this.pixelMaps.icons.unread object is assigned to a 2-dimensional 16x16 array of hex values (though, they could be rgb). Yes, this is ridiculous, and yes it is terribly cumbersome, but it's currently the only solution I've found to get around the security limitations of <canvas> on remote domains.

So, to solve your problem, you can modify the hex values in the this.pixelMaps.icons.unread array to match those in your icon. I've yet to write a quick script to do it, but I may do it in the near future to help people implement their custom icons. I'll bump it up on my todo list. Thanks for asking!

Peter</canvas></canvas>

 
badenoch User
FirefoxWindows

Ah ha... I see now. I'm way too lazy to rebuild the icon pixel by pixel. :)

With 'Title Tweaks' enabled I have the unread count right there in the title (only if I'm on #inbox probably) so I'm good without the count in the icon as well. ...disabled the unread count in the script and my gray and red icons are happy now.

Thanks for the script and the help!

 
Peter Wooley Script's Author
FirefoxWindows

Glad to hear that worked out! Would you mind posting the Base64 data for your grey version for other users or (possibly) future icon packs?

 
badenoch User
FirefoxWindows

I was actually using old icons. Photoshop 64 bit wasn't liking the .ico files so this took me longer to make one for your v3 icon set than it should have.

Base 64 Gray Mail Icon...

AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAABMLAAATCwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHR0dP9zc3P/pqam/6SkpP+mpqb/oqKi/6Wlpf+np6f/p6en/6Wlpf+ioqL/pqam/6SkpP+mpqb/c3Nz/3R0dP98fHz/enp6/8/Pz//k5OT/5+fn/+Li4v/j4+P/5eXl/+Xl5f/j4+P/4uLi/+fn5//k5OT/z8/P/3p6ev98fHz/e3t7/3h4eP+xsbH/1NTU/+vr6//q6ur/7Ozs/+rq6v/q6ur/7Ozs/+rq6v/r6+v/1NTU/7Gxsf94eHj/e3t7/4CAgP+CgoL/2dnZ/7Kysv/c3Nz/8PDw/+7u7v+wsLD/sLCw/+7u7v/w8PD/3Nzc/7Kysv/Z2dn/goKC/4CAgP+Dg4P/hISE//f39//i4uL/tLS0/8PDw/+mpqb/lpaW/5eXl/+kpKT/wsLC/7e3t//g4OD/9vb2/4SEhP+FhYX/jIyM/46Ojv/7+/v/+/v7/8rKyv+mpqb/nZ2d/5mZmf+Xl5f/np6e/6ioqP/IyMj/+/v7//39/f+NjY3/i4uL/5SUlP+Tk5P//v7+//z8/P+urq7/oqKi/52dnf/j4+P/4uLi/5ycnP+ioqL/sLCw//39/f/+/v7/lJSU/5WVlf+hoaH/np6e//39/f+zs7P/qKio/6SkpP/i4uL//Pz8//39/f/i4uL/pKSk/6ampv+ysrL//f39/6Ghof+dnZ3/pKSk/6ampv+3t7f/paWl/6Wlpf/j4+P//v7+//39/f/9/f3//f39/+Li4v+oqKj/rKys/7a2tv+kpKT/paWl/6qqqv+pqan/q6ur/6qqqv/k5OT//v7+//z8/P/+/v7//v7+//39/f/+/v7/4+Pj/6ioqP+pqan/qamp/6qqqv+srKz/ra2t/66urv+9vb3/vb29/8HBwf/Dw8P/vr6+/8DAwP/BwcH/wMDA/729vf+9vb3/rq6u/62trf+tra3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAP//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAD//////////w==

 
Peter Wooley Script's Author
FirefoxWindows

Awesome, thanks for posting it!

Cross
Presentational HTML allowed.
Use <code> for inline code and <pre> for code blocks. Use &lt; and &gt; for literal < and >.
We help break paragraphs and link your links.
or cancel