Here's a short userscript that replaces the Warzone flashing mail icon with a lit-up mail icon if you have un-acknowledged notifications:
https://gist.github.com/l4vr0v/c583a316ee5df9948a60e366f35beb58/raw/713383e3eadba49db91f3d17123a19da4d0fc2b6/wl_static_mail_icon.user.js (going to this link should trigger a Violentmonkey/Greasemonkey/Tampermonkey install)
The flashing mail icon comes from a GIF (
). This GIF is included in the page if you have notifications.
To mess with that, you can use JavaScript to swap out the image. You can further use the 𝚏𝚒𝚕𝚝𝚎𝚛 CSS property to mutate the image (e.g., by inverting it, tweaking brightness/contrast, rotating the hue). If you don't like the appearance of the lit-up icon, I recommend messing with the filter functions to achieve the appearance you want (docs:
https://developer.mozilla.org/en-US/docs/Web/CSS/filter). You can similarly mess with the other Mail icon (use "MailImgNormal" in place of "MailImgFlashing")- e.g., you could swap out both mail icons for different styles of notification icons.
let flashingMailIcon = document.getElementById("MailImgFlashing");
if (flashingMailIcon) {
flashingMailIcon.src = "https://warzonecdn.com/Images/Tabs/MailNormal.gif";
flashingMailIcon.style.border = "2px solid orangered";
flashingMailIcon.style.filter = "brightness(1.5)";
}
In addition to the code above, the userscript also updates the normal mail icon to make it look crisper (otherwise the two icons look weird next to each other). Here's the appearance you'll get if you install it:
no mail
have mail
If you don't trust a userscript written by me, you can view the full code before installing it at:
https://gist.github.com/l4vr0v/c583a316ee5df9948a60e366f35beb58For a more philosophical discussion of whether you should trust software, check out "Reflections on Trusting Trust":
http://users.ece.cmu.edu/~ganger/712.fall02/papers/p761-thompson.pdf
Edited 9/1/2021 06:09:26
