Jump to content

how to override splash screen logo with CSS

Recommended Posts

I would like to override the splash screen with custom CSS, but because I'm not that skilled with CSS and it goes very fast I dont know how to do target it. Anyone who can help how I can target the splash screen?

For example I have these for logo:
.imgLogoIcon {
  content: url(https://yoururl.com.png) !important; }

I don't want to change the png's on the server it self because after an update it will reset all the images. I find it more convenient to host a png somewhere else and target this.


Edited by Heval
Link to post
Share on other sites

To change the splash, I SSH into my Synology server and copy my new png across as follows. I has already copied my new png to a location on my NAs, so it's always there to copy:

sudo chmod -R 777 /volume1/@appstore/EmbyServer/system/dashboard-ui/modules/themes
sudo chmod 777 /volume1/@appstore/EmbyServer/system/dashboard-ui/modules/themes/logodark.png
sudo chmod 777 /volume1/@appstore/EmbyServer/system/dashboard-ui/modules/themes/logowhite.png
sudo cp /volume1/Videos/logowhite.png /volume1/@appstore/EmbyServer/system/dashboard-ui/modules/themes/
sudo cp /volume1/Videos/logodark.png /volume1/@appstore/EmbyServer/system/dashboard-ui/modules/themes/

I'm terrible at Linux commands, there may well be better ways to do it, but this works for me. Only takes a few seconds to copy and paste all lines. I'm sure it could be run as a single script, but I don't know how to do that. It's not like there are super frequent server updates anyway.



Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...