🍋️ ZestyTheme - Printable Version

🍋️ ZestyTheme - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Themes & Styles (https://forum.jellyfin.org/f-themes-styles)
+--- Thread: 🍋️ ZestyTheme (/t-%F0%9F%8D%8B%EF%B8%8F-zestytheme)

Pages: 1 2 3 4 5

RE: 🍋️ ZestyTheme - Netflix - 2024-11-29

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

RE: 🍋️ ZestyTheme - TheRadHatter - 2024-12-12

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.

RE: 🍋️ ZestyTheme - ZestyJelly - 2025-01-14

(2024-12-12, 08:27 AM)TheRadHatter Wrote: 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.

RE: 🍋️ ZestyTheme - Seraph4 - 2025-01-28

Great theme, thanks

RE: 🍋️ ZestyTheme - paprika - 2025-03-12

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;

}

RE: 🍋️ ZestyTheme - Rubén Navarro López - 2025-03-14

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.

RE: 🍋️ ZestyTheme - curlgrill - 2025-05-06

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?

[Image: 711d71ce69.jpg]

Here's Emby, which I think looks much better

[Image: 279d56ab21.jpg]

RE: 🍋️ ZestyTheme - Scrat134 - 2025-05-21

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!