Override Dashboard 2 favicon

General
1

In Firefox I can use a ui-template to override the dashboard favicon, giving me a visual indication of which Node-red machine I am viewing (In this case glasspi):

image
image544Ă—632 37.8 KB

image
image879Ă—227 21.6 KB

However, this technique does not work on Brave or other Chrome based browsers because the link tab is rendered in the page body.
Chrome will not fetch it unless it's in the header, so Flowfuse's specified favicon is displayed instead.

image
image456Ă—117 7.01 KB

So is there a better way to replace the favicon?

Note: The default favicon html, in the header, is

<link href="/dashboard/favicon.ico" rel="icon" type="image/x-icon">
<link rel="alternate icon" href="/dashboard/favicon.svg" type="image/svg+xml" sizes="16x16">

But at this point /dashboard/favicon.svg seems to be interpreted as ~/.node-red/node_modules/@flowfuse/node-red-dashboard/dist/favicon.svg NOT ~/.node-red/node-red-static/dashboard/favicon.svg

2

This is what I have done in the past: Browser Tab Icon - #2 by Steve-Mcl

3

Thanks Steve.

I confess that I am allergic to js in a template node. It just makes me uneasy.

I'm OK with my HTML template since 90% of the time I use Firefox anyway.

Perhaps I'll make a flow to delete the icon files from node_modules and instead make it a link to the right favicon in node-red-static.
It will have to run at startup in case of changes to the dashboard code.