New theme - Plex inspired look

[sh0rty 527]

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.

 

Emby-Stable-style-3.5_colorful_v3_gradient_blur.txt

Edited January 10 by shorty1483

[CummingCowGirl 18]

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 527]

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 January 10 by shorty1483

[CummingCowGirl 18]

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

 

[Happy2Play 9356]

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.

 

I will guess you are wanting to remove this

and adjust the default code to a lower last digit.

 

[CummingCowGirl 18]

43 minutes ago, Happy2Play said:

I will guess you are wanting to remove this

and adjust the default code to a lower last digit.

 

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 527]

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?

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 January 12 by shorty1483

[CummingCowGirl 18]

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

[sh0rty 527]

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.

 

 

Emby-Stable-style-3.5_colorful_v3_gradient_blur_v2.txt

Edited January 12 by shorty1483

[CummingCowGirl 18]

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

[sh0rty 527]

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...

[Gremory17 12]

On 12/1/2025 at 11:17, sh0rty said:

Gracias a mi nuevo mejor amigo ChatGPT, finalmente logré incorporar el fanart mejor y más alineado a la derecha para tamaños de pantalla grande (1080p+). Además de algunas correcciones de errores menores y defectos de diseño (imo) que reconocí.

 

 

Emby-Estable-estilo-3.5_colorful_v3_gradient_blur_v2.txt 78,41 kB '' 63 descargas

alguna manera de arreglar esto? la barra lateral izquierda esta encima del titulo

[sh0rty 527]

1 hour ago, Gremory17 said:

alguna manera de arreglar esto? la barra lateral izquierda esta encima del titulo

No puedo reproducir el problema. Por favor, intenta borrar la caché del sitio web en tu navegador.

Edited February 27 by sh0rty

[Happy2Play 9356]

23 hours ago, Gremory17 said:

Any way to fix this? The left sidebar is above the title

Can you explain how how did that?

But I can only get that odd overlap when navbar is not pinned.

Nav bar not pinned

 

after pinning

So you may sort of be in-between settings.  What do you get when you click the three dot/menu settings button?  If not pinned you should get my second image.

 

 

But looking at your image my theory is correct do to the position of the SEARCH icon.

Edited February 28 by Happy2Play

[sh0rty 527]

@Gremory17Try this adjust px to look nice with your screen size. But beware: This does just look good with fixed sidebar.

h2.pageTitle.headerSectionItem {
   margin-left: 85px !important;
}

Edited February 28 by sh0rty

[Gremory17 12]

On 28/2/2025 at 10:53, Happy2Play said:

¿Puedes explicar cómo fue eso?

Pero solo puedo obtener esa extraña superposición cuando la barra de navegación no está anclada.

Barra de navegación no fijada

 

después de fijar

Por lo tanto, puede estar entre configuraciones.  ¿Qué obtienes cuando haces clic en el botón de configuración de tres puntos/menú?  Si no estás anclado, deberías obtener mi segunda imagen.

 

 

Pero mirando su imagen mi teoría es correcta para la posición del icono de BÚSQUEDA.

muchas gracias se arreglo al tocar los 3 puntos ya no hay superposición