elliot67 / env-specific-favicon

Browser extension to customize favicons based on URL and title regex matching

Env Specific Favicon

Browser extension to customize favicons based on URL and title regex matching

Target any webpages with its URL or title and change its favicon. This enables you to differentiate favicons shared across multiple websites or environments.

If your rule isn't working, make sure your pattern is correct with online tools like regex101.

Installation

The extension is available on all chromium based browser (Google Chrome, Microsoft Edge, Opera, Brave) from the chrome web store.

Firefox doesn't have any published version yet while this feature is not implemented. However, the extension can be built and works after manually allowing all the requested permissions inside about:addons > Env Specific Favicon > Permissions.

Development

Source code is based on the vitesse-webext template with manifest v3.

Additionnal informations

Keep the fallback browser favicon

You can easily download the default favicon of your browser :

• For chromium based browsers, the favicon can be retrieved at chrome://favicon, edge://favicon, ...
• For Mozilla Firefox, the favicon can be downloaded from the source code

Update manifest & PWA icons

Env Specific Favicon doesn't update manifest.json icons for performance reason. However, it can be easily implemented by downloading and modifying the source code. Partial support has been removed in this commit.

Inspired by Brad Czerniak - Development favicon

env-specific-favicon's Issues

Not working for slack

Hey !

This is a cool extension ! Exactly what I'm looking for.

But I can't seem to get it working with Slack.

I'm not sure how slack works, but I'm suspect it's modifying it's favicon quite often (depending on if there are unread messages, etc.) Maybe that's interfering with what the extension is doing ?

I tried putting .* as a pattern for "Title", this shows me the extension works on most websites. But not Slack.

My goal is to be able to quickly differentiate different Slack tabs.

Overwrite existing favicon

Hi, just found your extension and really appreciate it! I was wondering if you'd be willing to add an option to overwrite an existing favicon with a custom image. I'd want to be able to select a custom image per url. This would allow differentiation and beautification of my tabs. Thank you for your consideration!