Different dashboard favicon[s]

General
,
1

It is possible to customise the browser tab favicon and label for the editor.
Here is my browser pointed to 4 Node-red machines. The 4th one is the default tab settings, the others show the machine name (they are named after the colour of their case)
image

While the Flowfuse dashboard browser tab shows the db page name rather than headlining "Node-RED", there is no way to tell from a glance which machine it is on.

Can the favicon be customisable, either for all dashboard pages, or for each individually?
eg on orangepi I could have this for the dashboard
image

2

I think your best bet is to use javascript to force a favicon as they are cached by browsers, they are quite annoying. I often see the node-red icon in web interfaces running outside of node-red but on the same machine.

1 Like
3

there are some details on theming --> Theme Plugins : Node-RED

4

OK so I can set a custom favicon on each dashboard page using a ui-template, assuming that the icon is in my static content directory.

Just got to work out how to create an svg favicon now.
I asked chatgpt but I'm afraid it overtaxed her conceptual engine and bad words were exchanged.

<template>
    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
</template>
5

doesn't need to be SVG, tools that I found useful for creating favicons:

6

Thanks for the hints @bakman2, @gregorius

My browser tabs bar with 3 different Node-red machines and their dashboards now looks like this.

image

Only time will tell if I can live with this...

1 Like