Jump to content

Recommended Posts

sh0rty
Posted (edited)
1 hour ago, CummingCowGirl said:

WOW thanks, I  would of been more than fine going through the code to remove it myself. 

I also checked out to have a gradient mask effect, so that the actor section etc isn't disturbed by the background image, a little bit like Plex. Backgrounds with a lot action in the top right are best for this.

image.thumb.png.5f65262d9e7dc0903ec9f25ee0068254.png

 

Emby-Stable-style-3.5_colorful_v3_gradient_blur.txt

Edited by shorty1483
CummingCowGirl
Posted

OK I removed the below and still have it like your above image.

.backgroundContainer.itemBackgroundContainer.withBackdrop, .backgroundContainer.withBackdrop {
  -webkit-backdrop-filter: saturate(1.5);
  backdrop-filter: saturate(1.5);

 

sh0rty
Posted (edited)
27 minutes ago, CummingCowGirl said:

OK I removed the below and still have it like your above image.

.backgroundContainer.itemBackgroundContainer.withBackdrop, .backgroundContainer.withBackdrop {
  -webkit-backdrop-filter: saturate(1.5);
  backdrop-filter: saturate(1.5);

 

The gradient blur though is in line 1742-1746 😉. Plus line 1734+1735 from the post above.

Just remove

  backdrop-filter: blur(0.5px) !important;
  mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 60%) !important

 

Edited by shorty1483
CummingCowGirl
Posted

Maybe we are misunderstanding each other, cause even with 1733-1735 and 1742-1746 removed There is still a overlay on the background image.

 

image.thumb.png.abb405beb1be9fcc0ca186f3e660e6c1.png

Happy2Play
Posted
23 hours ago, CummingCowGirl said:

Maybe we are misunderstanding each other, cause even with 1733-1735 and 1742-1746 removed There is still a overlay on the background image.

 

image.thumb.png.abb405beb1be9fcc0ca186f3e660e6c1.png

I will guess you are wanting to remove this

image.png.956aa241e1d4a9465815981d3c411bb0.png

and adjust the default code to a lower last digit.

image.png.23a49014b2852e60dbb513ae7e891103.png

 

CummingCowGirl
Posted
43 minutes ago, Happy2Play said:

I will guess you are wanting to remove this

image.png.956aa241e1d4a9465815981d3c411bb0.png

and adjust the default code to a lower last digit.

image.png.23a49014b2852e60dbb513ae7e891103.png

 

What I'm specifically looking for is the background images to be exactly like they are when there is no overlay / blur / darkening of them.  I basically think this adds to the theme because everything pops then.

sh0rty
Posted (edited)
19 hours ago, CummingCowGirl said:

What I'm specifically looking for is the background images to be exactly like they are when there is no overlay / blur / darkening of them.  I basically think this adds to the theme because everything pops then.

Did you try it successfully for yourself with the tips I sent you via PM on Friday? Should it look like this?

image.thumb.png.7e9e8bc79ec9337aa52ca60a774c4fc7.png

Still not totally sure what you try to accomplish, but if you want them totally unfiltered like in the image above in the Details Screen, you can set the background options I sent you via PM to transparent or better delete them altogether. Will look uaf imo, but tastes are different...

For the above result, delete:

.backgroundContainer.itemBackgroundContainer.withBackdrop, .backgroundContainer.withBackdrop {
  -webkit-backdrop-filter: saturate(1.5) blur(0.5em);
  backdrop-filter: saturate(1.5) blur(0.5em);
}

@media (min-width: 50em) {
    .itemBackgroundContainer.withBackdrop:not(.backgroundContainer-transparent), .backgroundContainer.withBackdrop:not(.backgroundContainer-transparent) {
        background: linear-gradient(77deg, rgb(22, 19, 56) 0, rgba(36, 31, 92, 0.9) 70%, rgba(65, 0, 65, 0.7) 100%), url(https://grainy-gradients.vercel.app/noise.svg);
    }
}

Note: Other visuals can break since a lot of stuff is tied together in the html classes.

 

Edited by shorty1483
  • Thanks 1
CummingCowGirl
Posted

Thanks the two in your above post worked like a charm. Thanks

  • Like 1
sh0rty
Posted (edited)
On 1/10/2025 at 3:28 PM, shorty1483 said:

I also checked out to have a gradient mask effect, so that the actor section etc isn't disturbed by the background image, a little bit like Plex. Backgrounds with a lot action in the top right are best for this.

 

 

Thanks to my new best friend ChatGPT, I finally managed to incorporate the fanart better and foremost right-aligned for big screen sizes (1080p+). Plus some minor bugfixes and design-flaws (imo) I recognized.

image.thumb.png.a49838ab70bb306a1f69c978b29a2b8c.png

 

 

Emby-Stable-style-3.5_colorful_v3_gradient_blur_v2.txt

Edited by shorty1483
CummingCowGirl
Posted

Wouldn't touch ChatGPT with a THOUSAND foot pole. Not fond of anything that if it doesn't know something makes something uo.

sh0rty
Posted
1 hour ago, CummingCowGirl said:

Wouldn't touch ChatGPT with a THOUSAND foot pole. Not fond of anything that if it doesn't know something makes something uo.

For CSS or regex it's a pretty good companion. But I wouldnt deal with personal info...

  • Like 1

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...