The homeassistant web client and home-assistant.io both use the same favicon, so I can’t tell which of my tabs are homeassistant itself and which are documentation tabs. I have many tabs open and see favicons but no titles. I’m in the Chrome browser on a Mac.
For example, the 1st, 2nd, and 4th tabs below are my homeassistant instance; the 3rd is a home-assistant.io doc page.
It’d be great if either homeassistant or home-assistant.io could use a different icon, perhaps colored a little differently. For icon ideas see the the iOS companion app (Settings > Companion app > General > App Icon).
There’s also a post in Feature Requests, which mentions the workaround of the hass-favicon integration (but it’s unofficial, in HACS, and may not be currently working).
The fav-icon custom integration isn’t working for me, on HA 2024.12.0, using the latest version of the integration (10.4, last changed in 2021).
I see the same problem as hass-favicon issue #37 “Home Assistant 2024.9 compatibility (async_update_entry)”. My log shows “AttributeError: options cannot be changed directly, use async_update_entry instead”. This prevents it from changing the favicon.
It looks like a pull request to fix that was submitted a couple weeks ago but the maintainer hasn’t responded yet.
As a hack (if you use Chrome), I’ve just found the Env Specific Favicon Chrome extension (source here). It allows one to customize the favicon of a tab based on url (or page title).
This is such a great wth! I am also annoyed by this quite often. Hadn’t occurred to me to make a wth about it but you got my vote instantly!
For me, simply an option in the settings to pick a color for the icon, with a few color options, would suffice. Full custom is great too of course.
