How do we change the Favicon & logowhite / logoblack?

[AngusAranda 1]

I've noticed that when I make any changes to the html/css/js or image files, they don't actually show up on my server?

Am I missing something here?

Please help

Edited February 23, 2025 by AngusAranda

[Abobader 3464]

Hello AngusAranda,

** This is an auto reply **

Please wait for someone from staff support or our members to reply to you.

It's recommended to provide more info, as it explain in this thread:

Thank you.

Emby Team

[Luke 42078]

Hi, could be due to caching, but please note, there's no officially supported means of doing this.

[AngusAranda 1]

How do I check cache / clear cache?

And it's ok if there's no "official" method for what I'm looking to do.

I'm assuming that means there's no settings available within the "program" (webUI server app settings) in order to change what I want to change.

I know how to manipulate code so I'm comfortable going into the files and can fix my own mess ups.

I've located the icons & images within the following folder on my server:

"C:\Users\Administrator\AppData\Roaming\Emby-Server\system\dashboard-ui"

Is server.old needed or can I remove that?

Edited February 23, 2025 by AngusAranda

[AngusAranda 1]

P.S: (we can't edit posts after a time frame, annoying....)

I've also made a backup of all the web server files in case of catastrophic failure.

[Happy2Play 9780]

2 hours ago, AngusAranda said:

P.S: (we can't edit posts after a time frame, annoying....)

Yes this is a forum member group restrictions.

As for your changes what exactly are you doing?

You can change the files in the folder

or

You can use custom css

example for logo

But you have to remember it only applies to the web client and not any other device client or online client.

[darkassassin07 652]

One thing to note; any changes you make directly to files will often be reset by server updates.

 

CSS you can apply from within embys settings as @ebrnoted.

When it comes to images; I find the easiest and most reliable way to customize them is using a reverse proxy In front of the server to serve/replace certain files. 

In nginx I'll use 'root <path to files>' 'try_files $uri @proxy' where @proxy is a named location containing the actual proxy block; to first check for files local to the proxy, then only retrieve said file from emby if not found locally. With this I replace various logos, the favicon, the default user profile image and a few more; it's worked great for years.

 

 

All of this only really applies to the web browser based app. The installable apps use their own local copies and won't display the custom ones.

Edited February 23, 2025 by darkassassin07

[AngusAranda 1]

33 minutes ago, Happy2Play said:

 

But you have to remember it only applies to the web client and not any other device client or online client.

I understand and that's ok with me.

I personally use the emby web interface a lot and it's how I introduce it to my users, before I get the app frame widget

16 minutes ago, darkassassin07 said:

One thing to note; any changes you make directly to files will often be reset by server updates.

 

CSS you can apply from within embys settings as @ebrnoted.

When it comes to images; I find the easiest and most reliable way to customize them is using a reverse proxy In front of the server to serve/replace certain files. 

In nginx I'll use 'root <path to files>' 'try_files $uri @proxy' where @proxy is a named location containing the actual proxy block; to first check for files local to the proxy, then only retrieve said file from emby if not found locally. With this I replace various logos, the favicon, the default user profile image and a few more; it's worked great for years.

 

 

All of this only really applies to the web browser based app. The installable apps use their own local copies and won't display the custom ones.

Could you point me to some kind of tutorial for using reverse proxies in the way you mentioned, even if it's not for emby? I'll adapt the general knowledge to this specific application.

And I can just use windows based permissions to lock the web folders after I make my changes so that server updates can't touch those files.

It's the most simple trick to prevent file changes and actually disable things like edge or windows defender.

[Neminem 1519]

5 minutes ago, AngusAranda said:

And I can just use windows based permissions to lock the web folders after I make my changes so that server updates can't touch those files.

I would guess all server updates will fail, if you do that.

[Happy2Play 9780]

9 minutes ago, AngusAranda said:

And I can just use windows based permissions to lock the web folders after I make my changes so that server updates can't touch those files.

Yes as the entire /system folder get renamed to system.old and the new one is unzipped replacing the old one.  So I would think this would cause an install loop as the folder could not be properly update.  Same as if say the browser is not releasing the UI folder for server updates occasionally.

[darkassassin07 652]

https://docs.nginx.com/nginx/admin-guide/web-server/serving-static-content/

 

There's an example containing @backend under "Trying Several Options". Have a look at that.

[AngusAranda 1]

12 minutes ago, Neminem said:

I would guess all server updates will fail, if you do that.

 

9 minutes ago, Happy2Play said:

Yes as the entire /system folder get renamed to system.old and the new one is unzipped replacing the old one.  So I would think this would cause an install loop as the folder could not be properly update.  Same as if say the browser is not releasing the UI folder for server updates occasionally.

That is a potential but usually when I employ this technique the system files that are not locked down get updated and then it just spits out an error that sometimes you can skip or it halts so at that moment I can go in back up my changes unlock the file rerun the update and then copy back over my backup. I'd rather be annoyed that the updates aren't working so that I can manually keep my server customizations then randomly lose them and forget what I did lol

 

[Neminem 1519]

Well good lock with it

[AngusAranda 1]

I'll let you know how it works when I try that proxy and report back.

Now, I have more questions about other modifications I want to make, should I open a new thread?

[Happy2Play 9780]

1 minute ago, AngusAranda said:

 

That is a potential but usually when I employ this technique the system files that are not locked down get updated and then it just spits out an error that sometimes you can skip or it halts so at that moment I can go in back up my changes unlock the file rerun the update and then copy back over my backup. I'd rather be annoyed that the updates aren't working so that I can manually keep my server customizations then randomly lose them and forget what I did lol

 

I just script apply all the edits I do with every update copying the images into new system folder.

REM replace images
copy A:\Emby-Server\logowhite.png A:\Emby-Server\system\dashboard-ui\modules\themes\logowhite.png /y
copy A:\Emby-Server\logodark.png A:\Emby-Server\system\dashboard-ui\modules\themes\logodark.png /y

 

Just now, AngusAranda said:

Now, I have more questions about other modifications I want to make, should I open a new thread?

I would just post here.

[AngusAranda 1]

1 minute ago, Happy2Play said:

I just script apply all the edits I do with every update copying the images into new system folder.

REM replace images
copy A:\Emby-Server\logowhite.png A:\Emby-Server\system\dashboard-ui\modules\themes\logowhite.png /y
copy A:\Emby-Server\logodark.png A:\Emby-Server\system\dashboard-ui\modules\themes\logodark.png /y

 

I would just post here.

Oh so back to the cache:

How do I clear / delete the cache because I modified those files but I don't see the changes, even after restarting the server and for good measure I made sure with system and system.old were edited.

[Happy2Play 9780]

But in the end every server update will have some breaking change and you will have to reevaluate all the code you change.  So you will want to have a test server running the beta branch also.

Just now, AngusAranda said:

Oh so back to the cache:

How do I clear / delete the cache because I modified those files but I don't see the changes, even after restarting the server and for good measure I made sure with system and system.old were edited.

Open the debug console (F12) on Emby page and right click the page refresh button.

[AngusAranda 1]

On the login screen for the emby web interface when you're selecting different users there's two lines of text.

The top line says: "Please sign in" and the line below it says: "Sign in to {Server name}".

I can't seem to find that text in any of the files and I want to get rid of one of those lines.

Edited February 23, 2025 by AngusAranda

[AngusAranda 1]

3 minutes ago, Happy2Play said:

But in the end every server update will have some breaking change and you will have to reevaluate all the code you change.  So you will want to have a test server running the beta branch also.

Open the debug console (F12) on Emby page and right click the page refresh button.

Ayeeeeee this worked perfectly!!!

Thank you sir! I thought everyone was referring to the server cache, not my browser cache lol Sometimes I'm so logical, I'm stupid

[Happy2Play 9780]

1 minute ago, AngusAranda said:

On the login screen for the emby web interface when you're selecting different users there's two lines of text The top line says sign in and the line below it says please sign in. 

 

I can't seem to find that text in any of the files and I want to get rid of one of those lines.

You mean this?  As I believe this are scripted back to the language stings.

[AngusAranda 1]

Just now, Happy2Play said:

You mean this?  As I believe this are scripted back to the language stings.

Sweet I'll start checking those files next.

Thank you

[Happy2Play 9780]

Note there are two stings folders and this specific one would be \system\dashboard-ui\modules\common\strings and your specific language setup.

 

login.js

string json

  "HeaderPleaseSignIn": "Please Sign In",

  "SignIntoServerName": "Sign in to {0}",

 

 

Edited February 23, 2025 by Happy2Play
added info

[Painkiller88 249]

Favicon can also be replaced and is on this place:

AppData\Roaming\Emby-Server\system\dashboard-ui\

it also needs to be overwritten after every update, after the replacement make a hard refresh of the browser like @Happy2Play showed a few posts before.