Differentiate favicon between local Home Assistant instance and official web properties (docs, forum, etc.)

[lellky]

Describe your request

I’ve noticed that when having multiple Home Assistant-related tabs open in my browser — for example:
• my local Home Assistant instance
• the Home Assistant forum
• integration pages
• the documentation site

— they all use the same favicon.

This makes it hard to quickly tell which tab is my local instance and which ones are from the official websites.

It would be very helpful if these pages used different favicons (or small variations of the current one) to make it easier to distinguish between them at a glance.

Would this be something worth considering for usability and accessibility reasons?

Why the uncertainty?

No response

Use cases

When working on my Home Assistant setup, I often have several tabs open at once:
one for my local instance where I test automation changes, another with the docs for a specific integration, and maybe one more for a community forum thread discussing that same integration.
All the tabs look identical in the browser, and I frequently click the wrong one — for example, opening the docs tab thinking it’s my local instance.

What areas might this affect?

core and homeassistant.io

Anything else?

No response