12
submitted 3 days ago* (last edited 3 days ago) by shmanio@lemmy.world to c/jellyfin@lemmy.ml

I've modified the normal Jellyfin theme so that the accent color can be changed.

The idea was to put some orange in the UI during halloween, and I got carried away. It is now completely configurable with a single variable and allows for easy seasonal changes, so I've decided to share it.

Here is the result:

I generally dislike custom themes, so my goal was to change as little as possible. Indeed, if used with a hue of 195, the theme should be exactly the same as the default one.

What do you think?

you are viewing a single comment's thread
view the rest of the comments
[-] shmanio@lemmy.world 1 points 3 days ago* (last edited 3 days ago)

You should put it in Jellyfin web's root folder (paths are relative to it). In the official container it's /jellyfin/jellyfin-web.

Then you just @import "theme.css";.

[-] SatyrSack@feddit.org 1 points 3 days ago* (last edited 3 days ago)

Where on my host filesystem is /jellyfin/jellyfin-web? I am using the official container image. Is that somewhere within /config or something?

[-] shmanio@lemmy.world 2 points 2 days ago* (last edited 2 days ago)

It's a path inside the container, but not inside /config. You should mount the file like this:

volumes:
  - /path/to/local/theme.css:/jellyfin/jellyfin-web/theme.css
[-] SatyrSack@feddit.org 2 points 2 days ago

Great, that worked! Thanks.

this post was submitted on 09 Nov 2024
12 points (100.0% liked)

Jellyfin: The Free Software Media System

5729 readers
1 users here now

Current stable release: 10.10.0

Community Standards

Website

Forum

GitHub

Documentation

Feature Requests

Matrix (General Information & Help)

Matrix (Announcements)

Matrix (General Development)

Matrix (Off-Topic) - Come get to know the team and blow off steam!

Matrix Space - List of all the available rooms on Matrix.

Discord - Bridged to our Matrix rooms

founded 4 years ago
MODERATORS