Jump to content

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


Recommended Posts

MediaEmby1968
Posted

I've found a bug in the latest version.

It turns out that if you apply filters to a library, for example, "Runtime, Year, and Movie Rating,"

only the rating is displayed, even if you've selected other criteria.

In my case, I have "Rating," "Year," and "Runtime," and only the rating is shown, as you can see in the attached screenshot.

Captura.jpg

  • Thanks 1
HUNCO
Posted

I also discovered a bug. The "Ordering and Layout" section doesn't take into account whether a series includes special episodes, so special episodes are placed at the very bottom of the page instead of right below the episodes, as they were before.

  • Thanks 1
Aleas
Posted (edited)

Updates:

  • Media card footer color variables
  • Removed the footer blank line assassin code
  • More misc. icon coloring
  • Updates to layout ordering to add in missing areas
  • A few other areas got some nice touches

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. 

  • Media footer options were updated with 2 new variables --card-title-color and --card-subtitle-color
      /* --- MEDIA FOOTER OPTIONS --- */
      --media-footer-bg: var(--navy-light-alpha-60);                   /* Frost transparency intensity: var(--navy-base-alpha-75), var(--black-alpha-80), var(--black-alpha-95), etc, or var(--retro-navy-light) or transparent to disable */
      --media-footer-blur: var(--blur-medium);                         /* Frost blur intensity:var(--blur-extra-light), var(--blur-light), var(--blur-medium), var(--blur-heavy), var(--blur-extreme), or none */
      --media-footer-border: 1px solid var(--pure-black);              /* Border of thickness of media card footers (Good options are --gold-alpha-15 or --pure-black) */
      --media-footer-shadow: 0 10px 25px -5px var(--black-alpha-70);   /* Shadow used for media card footers, none to disable */
      --media-card-title-color: var(--white-alpha-80);                 /* Main title text under posters (e.g., Movie/Show name) */
      --media-card-subtitle-color: var(--text-muted);                  /* Secondary text under posters (e.g., Year, Episode name) */
  • Dialog popups were updated to add in --dialog-background-color and --dialog-backdrop-blur.
      /* --- DIALOG POPUPS --- */
      --dialog-icon-color: var(--my-gold);                             /* Dialog popup icon color */
      --dialog-icon-hover-color: color-mix(in srgb, var(--my-gold-light) 40%, white); /* Dialog popup icon color in a hovered state */
      --dialog-background-color: var(--black-alpha-70);                /* Default background color of modal popups */
      --dialog-backdrop-blur: var(--blur-extra-light);                 /* Frost intensity behind dialogs. Options: var(--blur-extra-light), var(--blur-light), var(--blur-medium), var(--blur-heavy), var(--blur-extreme), or none */
  • Removed --dialog-background-color from EMBY THEME ENFORCERS section, it got moved to the above dialog section, and the variable was fixed.
  • Updated the default of this variable
      --text-muted: var(--white-alpha-60);                             /* Soft white used globally for primary paragraph/body text */
  • Layout and ordering were updated, it was also moved into the advanced section, as there could be potential issues if you play with it. (I have not been able to fully test all these)
      /* --- LAYOUT & ORDERING - (MEDIA DETAIL PAGES) --- */
      --order-seasons: 1;                                              /* Vertical order of Seasons / Albums section */
      --order-next-up: 2;                                              /* Vertical order of Next Up section */
      --order-specials: 3;                                             /* Vertical order of Special Features, Extras, & Theme Media */
      --order-more-from: 4;                                            /* Vertical order of "More from Season/Artist" sections */
      --order-music-videos: 5;                                         /* Vertical order of Music Videos (Artist pages) */
      --order-chapters: 6;                                             /* Vertical order of the Chapters & Scenes row */
      --order-cast-crew: 7;                                            /* Vertical order of Cast & Crew section */
      --order-included-in: 8;                                          /* Vertical order of "Appears In" / Collections section */
      --order-similar: 9;                                              /* Vertical order of "More Like This" (Similar) section */
      --order-reviews: 10;                                             /* Vertical order of Critic Reviews */
      --order-about: 11;                                               /* Vertical order of the Text Overview/About section and Media stream info cards */
  • Moved seasonal variables above the advanced area.

Emby Navy and Gold v5.9.css

 

Edited by Aleas
MediaEmby1968
Posted

Downloaded and testing

  • Like 1
HUNCO
Posted

The error with special episodes persists. Even if I delete the "Ordering" section, the error persists. Through trial and error, I concluded that the error is caused by some code in section 2. It's difficult to pinpoint the exact code, as section 2 is extremely large. However, if I delete it and leave only section 1, the error with special episodes disappears.

  • Thanks 1
Aleas
Posted (edited)
22 minutes ago, HUNCO said:

The error with special episodes persists. Even if I delete the "Ordering" section, the error persists. Through trial and error, I concluded that the error is caused by some code in section 2. It's difficult to pinpoint the exact code, as section 2 is extremely large. However, if I delete it and leave only section 1, the error with special episodes disappears.

How are you naming the file for this special episode, so I can see it?  I've always just used a "Specials" or "Season 00" season folder for those.

Edited by Aleas
HUNCO
Posted

All my special episodes are located in the folders of the seasons they belong to. Some files are named as Special S00E01others as S00E01. As an experiment, I created a separate "Specials" folder and moved all the special episodes there. The problem remained the same. Based on this, I conclude that some part of the code in section 2 is causing this issue.

  • Like 1
Aleas
Posted (edited)

Here try this, I forgot about the different Display views in your options.

It was just a missing tag in Section 6.

Emby Navy and Gold v5.9.1.css

Edited by Aleas
  • Like 1
HUNCO
Posted (edited)

Great! Thank you so much, everything works flawlessly now. We'll continue testing.

Edited by HUNCO
  • Like 1
  • 2 weeks later...
Gremory17
Posted

SRT subtitles do not respect the color setting; they all appear in a gradient gray color.

image.png.84685b5172d0dc54c59a532c50ee4136.png

 

image.thumb.png.94ebfd5eb08b59d404d26687e01215fe.png

 

image.png.281bd2e3f51919086d72e513356d3455.png

  • Thanks 1
MediaEmby1968
Posted

Asi es, lo he comprobado y da igual el color que pongas se ve solo siempre en ese tono. Yo es que no veo vídeos en la web, pero has probado a ver si quitando el tema CSS, y usando el que trae el servidor por defecto funciona bien o no. Por si no es del tema, que creo puede que no lo sea.

  • Thanks 1
Aleas
Posted (edited)

Thanks, I have a working fix, should hopefully have a small update out later this week.

Edited by Aleas
Aleas
Posted (edited)

Updates:

  • Various Icon coloring
  • Photo library fixes
  • OSD Subtitle color fix

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 default value of  "--popout-transform"

Emby Navy and Gold v5.10.css

 

Edited by Aleas
  • Like 1
  • Thanks 1
MediaEmby1968
Posted

Downloaded and testing

IAmHugh
Posted
On 5/11/2026 at 11:00 AM, Aleas said:

Updates:

  • Various Icon coloring
  • Photo library fixes
  • OSD Subtitle color fix

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 default value of  "--popout-transform"

Emby Navy and Gold v5.10.css 523.22 kB · 10 downloads

 

Is there anything special we on Linux should know? I just reenabled Emby to check this out. So far I seem to be missing images for cast and any background images. Once the librarys are finished being updated I'll reboot and see what I have.

Aleas
Posted (edited)
3 hours ago, IAmHugh said:

Is there anything special we on Linux should know? I just reenabled Emby to check this out. So far I seem to be missing images for cast and any background images. Once the librarys are finished being updated I'll reboot and see what I have.

It's just custom CSS,  since you seem to be just setting up libraries, let Emby do it's thing and check back in the morning. There should be no reason for a reboot.  Sounds like Emby just needs time to populate it's metadata.  

One note is Firefox currently does not support container styles, it's coming soon they are working on it. but still a work in progress on their end so some seasonal stuff like animations won't work until they fully support it.  So right now, I recommend chrome or edge as your browser. I just say that because I know most Linux guys prefer Firefox. 

you can follow their progress over here:   https://bugzilla.mozilla.org/show_bug.cgi?id=1795622

Edited by Aleas
  • Like 1
IAmHugh
Posted

Thanks for the heads up. I myself use Vivaldi for my main browser cause they go out of their way to protect peeps privacy regardless of what Google wants. That said though I have been using Firefox dev for jellyfin and Emby. I could use Vivaldi Snapshot for them since all Firefox dev is used for are Emby and Jellyfin. On a side note what I am seeing of the theme simply looks great. I'll let you know in the morning what mileage I got.

Aleas
Posted (edited)
7 minutes ago, IAmHugh said:

Thanks for the heads up. I myself use Vivaldi for my main browser cause they go out of their way to protect peeps privacy regardless of what Google wants. That said though I have been using Firefox dev for jellyfin and Emby. I could use Vivaldi Snapshot for them since all Firefox dev is used for are Emby and Jellyfin. On a side note what I am seeing of the theme simply looks great. I'll let you know in the morning what mileage I got.

I used to use Vivaldi, I think they are mix of the Opera Engine and Chrome so you should be fine there..  Firefox is the main slacker with this.. But this is just web CSS, metadata is something completely separate. 

Edited by Aleas
IAmHugh
Posted
12 hours ago, Aleas said:

I used to use Vivaldi, I think they are mix of the Opera Engine and Chrome so you should be fine there..  Firefox is the main slacker with this.. But this is just web CSS, metadata is something completely separate. 

Good morning, I checked this morning and same missing posters, missing backdrops, missing various other images, missing overviews. I removed the CSS and it was still the same with the default Emby theme. At this point I'm thinking a Emby issue caused by me uninstalling Emby awhile back and just reinstalling it yesterday. I looked at Jellyfin and all is still looking good in it so it's not a permissions issue from what I can see. Now in Emby a lot of series have the correct info per episode per series but no series overview.

 

EDIT: 

I just chose a series to identify and it finds no results. Ran into this yesterday on several. I've seen this issue before but don't remember what was suggested to fix it.

Aleas
Posted

I would suggest posting in the Windows/General forum area.  You will get much better help with your library issues there. When you post also include your log file.

  • Like 1
IAmHugh
Posted
18 minutes ago, Aleas said:

I would suggest posting in the Windows/General forum area.  You will get much better help with your library issues there. When you post also include your log file.

I'll create a new thread under the Linux section since I run Arch based distros. Hopefully that will jog others memory on what fixed this issue.

  • 2 weeks later...
IAmHugh
Posted (edited)
On 5/15/2026 at 4:05 AM, Aleas said:

I would suggest posting in the Windows/General forum area.  You will get much better help with your library issues there. When you post also include your log file.

OK so it looks like it was exactly like I thought. I just did a fresh install of Emby beta on a new CachyOS install Arch based as well, created my TV library and all looks good. Across all Series a tiny amount of missing cast and crew, but that's typical cause there isn't always an image to find. Over all the theme is truly SWEET. I love the fade / slide in of the backdrops. That gives it a very polished look. The only thing that threw me off was on certain series having names instead of season numbers, but either way the seasons are correctly separated. Thought I would want the normal season posters, but this setup is pretty easy to get use to and feels more polished. Thanks for what is a great theme. 

Edited by IAmHugh
  • 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...