A fork with some tweaks and personal customizations.

A minimal and elegant theme for Jellyfin based/inspired by Ultrachromic, Glassmorphism, Scyfin & JellyTheme.

Compatible with 10.9.x!

Notes:

You must enable Backdrops on every device you plan to use this on. For this I use JellyTweaks, to force it on every device (use under your own discretion).

Theme is still WIP, and may look broken in some areas.

• Screenshots
• Installing
• Color Scheme
• Tweaks
  • General
    • Hide end time in player
    • Hide buttons in player
    • Hide playbar markers
    • Hide replay button
  • Desktop
    • Hide external links (IMDb, TheMovieDb, trakt, etc.)
    • Hide original title
    • Hide track selection
    • Make posters bigger
  • Mobile
    • Add media info to episodes
    • Hide external links (IMDb, TheMovieDb, trakt, etc.)
    • Hide original title
    • Hide SyncPlay button
    • Hide track selection

To add the theme to Jellyfin, copy the following line to Dashboard > General > Custom CSS:

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/theme.css');

The default color scheme is the following:

If you'd like to change the default colors to one of the presets below (optional):

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/colorschemes/blue.css');

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/colorschemes/coral.css');

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/colorschemes/gray.css');

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/colorschemes/green.css');

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/colorschemes/purple.css');

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/colorschemes/red.css');

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/colorschemes/yellow.css');

Then enable Backdrops in Jellyfin (Settings > Display > Backdrops) if you haven't already.¹

For more info on custom colors click here

There are a few of tweaks you can add, any of the following are optional:

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/hideEndTimePlayer.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/hideExtraPlayerButtons.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/hidePlaybarMarkers.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/hideReplayButton.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/desktop/hideExternalLinks.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/desktop/hideOriginalTitle.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/desktop/hideTrackSelection.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/desktop/makePostersBigger.css');

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/mobile/addMediaInfoMobile.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/mobile/hideExternalLinks.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/mobile/hideOriginalTitle.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/mobile/hideSyncMobile.css');

Original	Modified

@import url('https://cdn.jsdelivr.net/gh/J0nan/ZestyTheme@main/tweaks/mobile/hideTrackSelection.css');

Original	Modified

Things I'd like to do, if I can figure out how to (HELP WANTED):

Turn seasons into a carousel to prevent this behavior:

Make it so there is no "overflowing" entries in Genres after I increased Poster size