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?

  • shmanio@lemmy.worldOP
    link
    fedilink
    English
    arrow-up
    1
    ·
    edit-2
    5 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
      link
      fedilink
      English
      arrow-up
      1
      ·
      edit-2
      5 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.worldOP
        link
        fedilink
        English
        arrow-up
        2
        ·
        edit-2
        4 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