2025-01-14, 03:32 AM
(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.