+- 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)
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