Zombie CSS - 10.9.x compatible

[Valentin]

Thank you so much !
It works, sorry for the late answer ;-)

Hello again !
I would like to know if there is a possibility to get the background color (with still the blurry effect backdrop) less greyish ?

That's because of one of this:

Code:

.backdropImage {
  filter: blur(5px) saturate(120%) contrast(120%) brightness(120%);
  mask-image: linear-gradient(to right, transparent, black),
    linear-gradient(to top, transparent, black);
  -webkit-mask-image: linear-gradient(to right, transparent, black),
    linear-gradient(to top, transparent, black);
  mask-composite: source-in;
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  animation: 0.5s ease-in-out both backdrop-fadein;
}

To change it, you'd have to add something like this under your imports:

Code:

.backdropImage {
  filter: blur(5px) saturate(120%) contrast(120%) brightness(120%);
  mask-image: None;
  -webkit-mask-image: None;
  -webkit-mask-composite: None;
  animation: 0.5s ease-in-out both backdrop-fadein;
}

I'm not a CSS expert though.

You can also go to a random Jellyfin page with a backdrop in your browser, and press f12 (Or right click on the backdrop > Inspect) and poke around in the CSS on the right. There's check boxes you can disable and enable to see what changes to learn what things do and mess around with values.

Once you get something you like, copy the thing at the top of the box (If you're messing with the backdrop it should be

Code:

.backdropImage

Put a { and then copy the things you changed (make sure you add the ; at the end of each line and finish with a } at the end (like the example above). You can also use Notepad++ or an online CSS helper to help you format the code and then just copy it over into Jellyfin's Custom CSS thing.