2023-09-19, 02:16 PM
Quote:I would like to use some custom css to customise my jellyfin, I want to modify a theme but it is a bit tricky to edit one thing in a big file and then put it back in the custom CSS box and then save and reload, it would be easier to open the files in vs code and using the live server plugin, I would be able to attach a file to put all the custom CSS in and see live changes as I make them.
Is this possible and if so how would I go about doing it?
I haven't tried doing this, but I'm not sure an actual potential solution has been suggested yet, so I'll give it a shot. In Jellyfin, go to Profile (your profile pic in the top right corner) > Display. Once there, tick "Disable server-provided custom CSS code", and under "Custom CSS Code:" paste something like the following (I have no idea what the URL path for the VSCode server is so change this to whatever it is):
Code:
@import http://localhost:3000/style.css
Now you should be able to just refresh the browser window every time you save the style.css file.
It's possible Jellyfin or your browser won't be happy fetching a css stylesheet over HTTP, and in that case, I think the best option might be something like a git repo to host the style.css on and then pushing the changes every time you save. The URL would then be the URL to the raw CSS file in your git repo.
I might try this in a bit. I'll let you know if I do and whether it worked.
JF Server Specs:
- CPU: Intel Core i5-11400
- Motherboard: ASRock H510M-ITX/ac
- RAM: G.Skill 16GB (2x8GB) Value 2666MHz CL19 DDR4
- PSU: Silverstone SX300-B 80+ Bronze SFX
- OS: Debian 12
- JF: 10.10.1