starred/Heimdall

Fork 0

mirror of https://github.com/linuxserver/Heimdall.git synced 2026-03-02 22:56:59 -05:00

Change Window Title and FavIcon #95

New issue

Closed

opened 2026-02-20 10:23:50 -05:00 by deekerman · 15 comments

deekerman commented

2026-02-20 10:23:50 -05:00

Owner

Originally created by @RichardUUU on GitHub (Mar 11, 2018).

It would be nice to be able to change the Window Title (Tab), and the FavIcon.

I'm sure Heimdall means something lovely in some language. In English, it brings to mind a procedure to rescue a choking sheep.

Originally created by @RichardUUU on GitHub (Mar 11, 2018). It would be nice to be able to change the Window Title (Tab), and the FavIcon. I'm sure Heimdall means something lovely in some language. In English, it brings to mind a procedure to rescue a choking sheep.

deekerman

2026-02-20 10:23:50 -05:00

closed this issue
added the
good first issue
label

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@KodeStar commented on GitHub (Mar 11, 2018):

I'm English... I guess history/mythology isn't your strong point - https://norse-mythology.org/gods-and-creatures/the-aesir-gods-and-goddesses/heimdall/ Nor marvel for that matter - http://marvelcinematicuniverse.wikia.com/wiki/Heimdall

@KodeStar commented on GitHub (Mar 11, 2018): I'm English... I guess history/mythology isn't your strong point - https://norse-mythology.org/gods-and-creatures/the-aesir-gods-and-goddesses/heimdall/ Nor marvel for that matter - http://marvelcinematicuniverse.wikia.com/wiki/Heimdall

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@RichardUUU commented on GitHub (Mar 11, 2018):

No offense intended. Mostly just looking to unify the Tab title with related apps.

@RichardUUU commented on GitHub (Mar 11, 2018): No offense intended. Mostly just looking to unify the Tab title with related apps.

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@KodeStar commented on GitHub (Mar 11, 2018):

You could replace the favicon by just changing it, but of course that wouldn't survive an update, I'm trying to work out the use case for changing the title? What would you change it to, maybe that will give me some context.

@KodeStar commented on GitHub (Mar 11, 2018): You *could* replace the favicon by just changing it, but of course that wouldn't survive an update, I'm trying to work out the use case for changing the title? What would you change it to, maybe that will give me some context.

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@RichardUUU commented on GitHub (Mar 11, 2018):

Actually, thinking about it, the simplest and most universal solution might be the name of the Tag page currently being viewed or (Home).

@RichardUUU commented on GitHub (Mar 11, 2018): Actually, thinking about it, the simplest and most universal solution might be the name of the Tag page currently being viewed or (Home).

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@KodeStar commented on GitHub (Mar 11, 2018):

Ok, so something like Home - Heimdall, Webapps - Heimdall, Categgory2 - Heimdall maybe?

@KodeStar commented on GitHub (Mar 11, 2018): Ok, so something like Home - Heimdall, Webapps - Heimdall, Categgory2 - Heimdall maybe?

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@RichardUUU commented on GitHub (Mar 11, 2018):

Yes. Although my absolute preference would be: MyServerName - (Tag or Home) e.g.

PlexNet - Home
PlexNet - ServerApps
PlexNet - OtherApps, etc.

I know what Heimdall is, but the people who use my pages won't.

@RichardUUU commented on GitHub (Mar 11, 2018): Yes. Although my absolute preference would be: MyServerName - (Tag or Home) e.g. PlexNet - Home PlexNet - ServerApps PlexNet - OtherApps, etc. I know what Heimdall is, but the people who use my pages won't.

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@gannon145 commented on GitHub (Jun 20, 2018):

I would also like to be able to modify the title and favicon. For using an outward facing page I would rather have it branded on the tab with my domain information.

If you want to keep some kind of Heimdall branding, I would rather have a small watermark at the bottom of the dashboard page itself.

@gannon145 commented on GitHub (Jun 20, 2018): I would also like to be able to modify the title and favicon. For using an outward facing page I would rather have it branded on the tab with my domain information. If you want to keep some kind of Heimdall branding, I would rather have a small watermark at the bottom of the dashboard page itself.

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@mrAshpool commented on GitHub (Jan 5, 2019):

I'd like to add my support for these features. The end goal being to be able to pin the site as an icon on a mobile device home screen. On my own little html landing page this required creating multiple images using apples standard (I'm an android user) of apple-touch-icon-114x114-precomposed.png, ..72x72.., ..57x57.. as well as the favicon.ico

As @gannon145 suggested a watermark would be a good substitute for Heimdall's own branding

@mrAshpool commented on GitHub (Jan 5, 2019): I'd like to add my support for these features. The end goal being to be able to pin the site as an icon on a mobile device home screen. On my own little html landing page this required creating multiple images using apples standard (I'm an android user) of apple-touch-icon-114x114-precomposed.png, ..72x72.., ..57x57.. as well as the favicon.ico As @gannon145 suggested a watermark would be a good substitute for Heimdall's own branding

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@KodeStar commented on GitHub (May 8, 2019):

You can change the title by changing the APP_NAME in the .env

@KodeStar commented on GitHub (May 8, 2019): You can change the title by changing the APP_NAME in the .env

deekerman commented

2026-02-20 10:23:52 -05:00

Author

Owner

@shad-lp commented on GitHub (May 15, 2019):

Thanks for this long awaited feature, I can't use my NAS without Heimdall anymore !

@shad-lp commented on GitHub (May 15, 2019): Thanks for this long awaited feature, I can't use my NAS without Heimdall anymore !

deekerman commented

2026-02-20 10:23:53 -05:00

Author

Owner

@halsafar commented on GitHub (Sep 25, 2019):

There is no option for changing the FavIcon. This would be useful.

@halsafar commented on GitHub (Sep 25, 2019): There is no option for changing the FavIcon. This would be useful.

deekerman commented

2026-02-20 10:23:53 -05:00

Author

Owner

@halsafar commented on GitHub (Sep 25, 2019):

If you are running Heimdall via Docker then just mount the icons yourself using mount mappings like:

/host/icon-16x16.png:/var/www/localhost/heimdall/public/favicon-16x16.png
/host/icon-32x32.png:/var/www/localhost/heimdall/public/favicon-32x32.png
/host/icon-96x96.png:/var/www/localhost/heimdall/public/favicon-96x96.png
/host/icon.ico:/var/www/localhost/heimdall/public/favicon.ico

If you are running outside Docker then every update just replace those files.

@halsafar commented on GitHub (Sep 25, 2019): If you are running Heimdall via Docker then just mount the icons yourself using mount mappings like: ``` /host/icon-16x16.png:/var/www/localhost/heimdall/public/favicon-16x16.png /host/icon-32x32.png:/var/www/localhost/heimdall/public/favicon-32x32.png /host/icon-96x96.png:/var/www/localhost/heimdall/public/favicon-96x96.png /host/icon.ico:/var/www/localhost/heimdall/public/favicon.ico ``` If you are running outside Docker then every update just replace those files.

deekerman commented

2026-02-20 10:23:53 -05:00

Author

Owner

@Amatsuntsun commented on GitHub (Jun 17, 2022):

I'm English... I guess history/mythology isn't your strong point - Nor marvel for that matter

wow.

Good job coming off as arrogant and condescending after someone provides some useful feedback.

@Amatsuntsun commented on GitHub (Jun 17, 2022): > I'm English... I guess history/mythology isn't your strong point - Nor marvel for that matter wow. Good job coming off as arrogant and condescending after someone provides some useful feedback.

deekerman commented

2026-02-20 10:23:53 -05:00

Author

Owner

@ochompsky commented on GitHub (Aug 10, 2022):

I'm English... I guess history/mythology isn't your strong point - https://norse-mythology.org/gods-and-creatures/the-aesir-gods-and-goddesses/heimdall/ Nor marvel for that matter - http://marvelcinematicuniverse.wikia.com/wiki/Heimdall

not everyone is a neckbeard like you

@ochompsky commented on GitHub (Aug 10, 2022): > I'm English... I guess history/mythology isn't your strong point - https://norse-mythology.org/gods-and-creatures/the-aesir-gods-and-goddesses/heimdall/ Nor marvel for that matter - http://marvelcinematicuniverse.wikia.com/wiki/Heimdall not everyone is a neckbeard like you

deekerman commented

2026-02-20 10:23:53 -05:00

Author

Owner

@pilotso11 commented on GitHub (Jul 20, 2025):

In case someone comes across this again, I've solved this on the latest install as follows:
Create a custom folder with icons in it (you need a fairly large list, see below).
Mount it as /custom/icons.
Modify /custom/nginx/site-confs/default.conf to add a location, putting this just after the default one, i.e. location / {}. I did this by mounting another folder under custom.

    location ~* /(apple-icon.*\.png|android-icon.*\.png|favicon.*\.png|favicon\.ico|ms-icon.*\.png|heimdall-logo-small\.svg)$ {
        alias /config/icons/$1;
    }

Then, in my docker compose:

   heimdall:
      volumes:
      - /my/data/heimdall:/config
      - /my/custom/icons:/config/icons:ro
      - /my/cusom/site-confs:/config/nginx/site-confs:ro

The full list of images you need is as follows (taken from inspection of the home page and the manifest):

favicon-16x16.png
favicon-32x32.png
favicon-96x96.png
favicon.ico
android-icon-36x36.png
android-icon-48x48.png
android-icon-72x72.png
android-icon-96x96.png
android-icon-144x144.png
android-icon-192x192.png
apple-icon-57x57.png
apple-icon-60x60.png
apple-icon-72x72.png
apple-icon-76x76.png
apple-icon-114x114.png
apple-icon-120x120.png
apple-icon-144x144.png
apple-icon-152x152.png
apple-icon-180x180.png
img/heimdall-logo-small.svg

@pilotso11 commented on GitHub (Jul 20, 2025): In case someone comes across this again, I've solved this on the latest install as follows: Create a custom folder with icons in it (you need a fairly large list, see below). Mount it as `/custom/icons`. Modify `/custom/nginx/site-confs/default.conf` to add a location, putting this just after the default one, i.e. `location / {}`. I did this by mounting another folder under custom. ``` location ~* /(apple-icon.*\.png|android-icon.*\.png|favicon.*\.png|favicon\.ico|ms-icon.*\.png|heimdall-logo-small\.svg)$ { alias /config/icons/$1; } ``` Then, in my docker compose: ``` heimdall: volumes: - /my/data/heimdall:/config - /my/custom/icons:/config/icons:ro - /my/cusom/site-confs:/config/nginx/site-confs:ro ``` The full list of images you need is as follows (taken from inspection of the home page and the manifest): * favicon-16x16.png * favicon-32x32.png * favicon-96x96.png * favicon.ico * android-icon-36x36.png * android-icon-48x48.png * android-icon-72x72.png * android-icon-96x96.png * android-icon-144x144.png * android-icon-192x192.png * apple-icon-57x57.png * apple-icon-60x60.png * apple-icon-72x72.png * apple-icon-76x76.png * apple-icon-114x114.png * apple-icon-120x120.png * apple-icon-144x144.png * apple-icon-152x152.png * apple-icon-180x180.png * img/heimdall-logo-small.svg