Swapping Icon Colors
![]() ![]() |
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? |
![]() ![]() |
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 So, to solve your problem, you can modify the hex values in the Peter</canvas></canvas> |
![]() ![]() |
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! |
![]() ![]() |
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? |
![]() ![]() |
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== |
![]() ![]() |
Awesome, thanks for posting it! |


