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

[MediaEmby1968 56]

Thank you, this update makes it look fantastic!

[Aleas 42]

2 hours ago, MediaEmby1968 said:

Thank you, this update makes it look fantastic!

You are most welcome.  Also, I discovered a tiny bug, and looking at your screenshot you seem to prefer the blue colors. So, I had a little fun, I think you might enjoy this option.

Updates: 

• Fix table hover backgrounds (was using user accent theme colors)
• New Option: you can say nope to the gold and have everything use a user accent color.  Look for this option in the variables:

Being easter I didn't have time to fully test it, but on the surface it looks good.

  /* --- CUSTOM MASTER PALETTE --- */

  /* OPTION 1 - USE THE THEMES GOLD COLOR */
  --my-gold: rgb(var(--my-gold-rgb));           /* Solid gold fallback for borders and text accents */
  --my-gold-light: rgb(var(--my-gold-light-rgb)); /* Brighter gold fallback for highlight gradients */
  --retro-navy: rgb(var(--navy-base-rgb));      /* Darkest navy fallback for main backgrounds */
  --retro-navy-light: rgb(var(--navy-mid-rgb)); /* Mid-tone navy fallback for panels and cards */  

  /* OPTION 2 - USE THE USERS ACCENT COLOR PREFERENCES */
  /* --my-gold: hsl(var(--theme-primary-color-hue, 204), var(--theme-primary-color-saturation, 100%), var(--theme-primary-color-lightness, 50%)); 
  /* --my-gold-light: color-mix(in srgb, var(--my-gold) 70%, white);    /* Solid gold fallback for borders and text accents */
  /* --retro-navy: rgb(var(--navy-base-rgb));         /* Brighter gold fallback for highlight gradients */
  /* --retro-navy-light: rgb(var(--navy-mid-rgb));    /* Mid-tone navy fallback for panels and cards */  

Maybe we should harass Luke now to add in more accent colors

Emby Navy and Gold v4.60.css

 

Edited Sunday at 04:26 PM by Aleas

[Aleas 42]

Update:

• Updated Accent comment to include the term experimental.
• Control the IMDB ratings star color in the master pallet for both options.
• Dimmed down the active sidebar pill so you can see the active state icon when accent colors were enabled.
• Default gold colors made the active state pill a gold color instead of accent color.

 

Emby Navy and Gold v4.62.css

Edited Sunday at 08:19 PM by Aleas

[Aleas 42]

Updates:

• Fixed some compatibility issues with mobile web browsers
  • Fixed sidebar issue
  • Pill bars you can scroll now.
• Re-arranged some variables around and dropped the term season from certain ones.
• Link color changes in admin area footers to use the theme colors and not white.
• Some styling on the Filmography area (Emby 4.10-Beta feature) (more tweaking to be done here)

Emby Navy and Gold v4.65.css

 

Edited 9 minutes ago by Aleas