🍋️ ZestyTheme

[Netflix]

This is hands down one of the best theme I have ever seen, please develop it further if you have time.

[TheRadHatter]

Is there a way to make the background and backdrops a little less blurry? I tried editing each instance of Opacity in the code but none of them changed the backgrounds. I also included this bit of code and it didn't change anything (this code works by itself when I don't have a full theme like yours installed):

.backgroundContainer.withBackdrop,
.backdropContainer,
.backgroundContainer {
opacity: 0.5;
}

I didn't even see ".backdropContainer" or ".backgroundContainer.withBackdrop" within your code so I couldn't directly edit it.

EDIT: Love the theme by the way! Just want to change the opacity levels and also eventually add my own logo to where the Jellyfin logos are.

[ZestyJelly]

Is there a way to make the background and backdrops a little less blurry? I tried editing each instance of Opacity in the code but none of them changed the backgrounds. I also included this bit of code and it didn't change anything (this code works by itself when I don't have a full theme like yours installed):
.backgroundContainer.withBackdrop,
.backdropContainer,
.backgroundContainer {
  opacity: 0.5;
}
I didn't even see ".backdropContainer" or ".backgroundContainer.withBackdrop" within your code so I couldn't directly edit it.
EDIT: Love the theme by the way! Just want to change the opacity levels and also eventually add my own logo to where the Jellyfin logos are.

If I understand you correctly, you wanna decrease the blur in this line:

Code:

  .backdropImage {
    filter: blur(6px) saturate(120%) contrast(120%) brightness(40%);
  }

To change the logo, you wanna host the img somewhere like github or imgur and replace the links in the following code.

Code:

  /* replaces Jellyfin logo */
  .adminDrawerLogo img { content: url(https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/images/logo/jellyfin-logo-light.png) !important; } imgLogoIcon { content: url(https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/images/logo/jellyfin-logo-light.png) !important; } .pageTitleWithLogo { background-image: url(https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/images/logo/jellyfin-logo-light.png) !important; }

I don't check here as much as I probably should. Best bet is to open an issue on the github repo next time.

[Seraph4]

Great theme, thanks

[paprika]

For anyone else, if you want to enable Audio/Subtitle selection before starting media, this is custom CSS that you need to enter after theme:

Code:

.selectSubtitlesContainer, .selectAudioContainer{
  visibility: visible !important;
  position: relative !important;
}

[Jolaru21]

Is there any code to blurry the episodes that hasn't been seen? Would be awesome

Anyway, this theme is the best for me, thank you for your work.

[curlgrill]

I love this theme! I'm using Jellyfin mostly for music, the only thing I dislike is how spacious the songs are in the Songs Tab.

Could anybody help me beautifying this with css?



Here's Emby, which I think looks much better

[Scrat134]

Using CSS would it be possible for me to move the media type icon (video/image) on the library/directory list page posters to the bottom-left, or bottom-right of each item?

Circled in screenshot attached.

Apologies, I'm very new to CSS!

[2020]

How can I add add the following
1. add the tags section,
2. add the poster the poster
3. offering the cleaner stylisation inside the selected item Show/movie etc like ElegantFin

[treyzer]

Hi,
I am trying to add a custom tab/link - how can I do so? I am using the CustomTab plugin along with this theme but nothing I add in it seems to work. I am on 10.10.7. Also, will this be updated to work with 10.11?