Jellyfin Forum
Custom logo URL in Docker - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: General Questions (https://forum.jellyfin.org/f-general-questions)
+--- Thread: Custom logo URL in Docker (/t-custom-logo-url-in-docker)



Custom logo URL in Docker - gl579 - 2024-07-29

I'm running Jellyfin in a Synology Docker instance, it works great!
I'd like to change the JF logo to my own logo, just for fun.
I can't figure out:
1. Where to put the image files, and
2. How do I format the URL?
There are 2 main Docker folders that I can see - cache and config. Do I put the image files somewhere in there?
I know there are other related JF folders buried deep inside the Syno that can be accessed via SSH but anything like that makes me nervous.
And the URL formatting - I tested it out by hosting the logos at an external site (Dropbox) and it works fine, but I want to host the image files locally.
So for the URL I tried something like  "file: ///config/mylogo.png" but this didn't work. I tried various other things but I'm at a loss.
Any ideas?
Thanks in advance!


RE: Custom logo URL in Docker - TheDreadPirate - 2024-07-29

You could use css to replace the "splashLogo" with something else. This is the default.

Code:
{.splashLogo{background-image:url(assets/img/banner-light.png)}

Or you could replace this container path with a custom image.

/jellyfin/jellyfin-web/assets/img/banner-light.png and /jellyfin/jellyfin-web/assets/img/banner-dark.png.


RE: Custom logo URL in Docker - xaque - 2024-07-29

-removed-


RE: Custom logo URL in Docker - xaque - 2024-07-29

The favicon and the image that appears in the top left when you open the side menu/dashboard are located here

/usr/share/jellyfin/web/

They need to be named the following

baba78f2a106d9baee83.png
bc8d51405ec040305a87.ico

The banner logo at the top of the main page of the server/splash screen are located here

/usr/share/jellyfin/web/assets/img/

They need to be named

banner-light.png
banner-dark.png
icon-transparent.png

You will need to mount the directory for any changes to be persistent across restarts.

/usr/share/jellyfin/
Or
/usr/share/jellyfin/web

You can use the "docker cp ./some/path/to/img.png <container_name>: /usr/share/jellyfin/web/" to copy images to inside the container.


RE: Custom logo URL in Docker - gl579 - 2024-07-30

No, there is no folder that I can find which is named /usr/share/jellyfin in my Syno server. This is because my Jellyfin is running in Docker. Just to be clear I know about the custom CSS area in Dashboard-->General, and I have put in some CSS code in there using a URL that points to an image file hosted remotely via an https link. That works fine. What I want to do is I want to host the image files locally on the Syno and for the life of me don't know where, in a Docker implementation of JF to put the files and the type of URL I would need to use to access them within the CSS code.  The paths that have been mentioned above I believe are all referring to non-Docker JF installations. Thanks anyway for your replies.


RE: Custom logo URL in Docker - Efficient_Good_5784 - 2024-07-30

(2024-07-30, 07:31 PM)gl579 Wrote: The paths that have been mentioned above I believe are all referring to non-Docker JF installations. Thanks anyway for your replies.
That's the jellyfin-web folder which is in all Jellyfin servers.

The only reason you don't have access to it is because you didn't host mount it outside of the docker container.


RE: Custom logo URL in Docker - TheDreadPirate - 2024-07-30

Have you tried what I suggested and use CSS?

(2024-07-29, 08:55 PM)TheDreadPirate Wrote: You could use css to replace the "splashLogo" with something else. This is the default.

Code:
{.splashLogo{background-image:url(assets/img/banner-light.png)}

Or you could replace this container path with a custom image.

/jellyfin/jellyfin-web/assets/img/banner-light.png and /jellyfin/jellyfin-web/assets/img/banner-dark.png.



RE: Custom logo URL in Docker - thornbill - 2024-07-31

We don’t officially support removing Jellyfin branding.