Emby Theme: Retro Navy & Gold (W/ Seasonal Themes)

[MediaEmby1968 67]

I'm not saying you should create backgrounds, but it's curious that this only happened to me, or that it might happen to me; I'll keep checking. I mentioned it when I have your CSS.

I looked at what you said, and although I'm not an expert in this, following your steps, I found something that could be the issue. There was a link to a background image that wasn't showing up. I checked it as you suggested and changed it just in case.

I'll keep checking it as I said.

Regards.

[Aleas 67]

Updates:

• New: Control how spotlight cards get cropped (4.10 Beta feature)
• Changed header padding default value to look more uniform with the side padding.
• Fix: admin pages were using the header padding. (It's only supposed to adjust on media detail pages)

Section 1 Changes:

If you customized your CSS, you could keep your section 1 and just update section 2 on down. but here are the important things that were added or changed so you can modify accordingly. 

• Changed the default value of the header padding.

    --header-content-padding: 45px;                                  /* Media details header padding, push the content down from the header */

• New spotlight section.

    /* --- SPOTLIGHT BANNER ARTWORK --- */
    --spotlight-fit: cover;               /* Options: 'cover' (Fills box, crops edges), 'contain' (Shows full image, adds bars), '100%' (Stretches) */
    --spotlight-position: center top;      /* Options: 'right top' (Protects logos/faces), 'center top', 'center' (Emby default), 'left top' */

 

Emby Navy and Gold v5.5.css

 

Edited yesterday at 12:34 PM by Aleas

[MediaEmby1968 67]

Downloaded and ready to try.

[ZanderKeen 75]

On 4/18/2026 at 11:32 PM, Aleas said:

Thanks, I've also added into my QA test notes to test all 3 sidebar phases in each area. You got a good eye.

Thanks

That update fixes it!

[Aleas 67]

Updates:

• Fix: The progress over media badges when scanning a library was not showing up in the admin library page
• Fix: Progress bad in the admin library page had a bad hover effect.
• More Spotlight controls added   (Emby Beta 4.10 Feature)

Section 1 Changes:

If you customized your CSS, you could keep your section 1 and just update section 2 on down. but here are the important things that were added or changed so you can modify accordingly. 

• New options for the Spotlight section, with a couple sample options you can try out. (Emby Beta 4.10 Feature)

    /* --- SPOTLIGHT BANNER ARTWORK --- */
    --spotlight-fit: cover;                                          /* Options: 'cover' (Fills box, crops edges), 'contain' (Shows full image, adds bars), '100%' (Stretches) */ 
    --spotlight-position: center top;                                /* Options: 'right top' (Protects logos/faces), 'center top', 'center' (Emby default), 'left top' */  
    --spotlight-width: 100%;                                         /* OVERALL WIDTH: 100% (Full screen), 95% (Small edge gap), 50% (2 Cards on the screen), 1200px (Max size lock) */ 
    --spotlight-height: auto;                                        /* OVERALL HEIGHT: auto (Uses Aspect Ratio), 50vh (Half screen), 400px (Fixed height) */  
    --spotlight-aspect-ratio: 16 / 9;                                /* SHAPE & SCALE: 16/9 (Default), 21/9 (Ultra-Wide), 24/9 (Cinematic Ultra-Wide), 3/1 (Extreme Banner), 4/1 (Extreme Ribbon), 4/3 (Boxy) */ 
    --spotlight-overlay: linear-gradient(to top, rgba(var(--pure-black-rgb), 0.95) 0%, rgba(var(--pure-black-rgb), 0.6) 50%, transparent 100%); /* TEXT SCRIM: Change the dark fade behind text. (Use 'transparent' to remove it) */
    /* Some sample options to try out: */
    /*--spotlight-width: 100%; --spotlight-height: auto; --spotlight-aspect-ratio: 32 / 9; --spotlight-fit: cover; --spotlight-position: center 20%; --spotlight-overlay: linear-gradient(to top, rgba(var(--pure-black-rgb), 0.95) 0%, rgba(var(--pure-black-rgb), 0.4) 70%, transparent 100%);    /* The Cinematic Ribbon */
    /*--spotlight-width: 100%; --spotlight-height: auto; --spotlight-aspect-ratio: 4 / 1; --spotlight-fit: cover; --spotlight-position: center 25%; --spotlight-overlay: linear-gradient(to top, rgba(var(--pure-black-rgb), 0.95) 0%, transparent 90%);    /*  Extreme Letterbox */

   

Emby Navy and Gold v5.6.css

 

Edited 15 minutes ago by Aleas