Theme - OLED friendly, Minimalistic UI

[shadezero 2]

Hi All, I'm a big fan of minimalistic, clean UIs optimized for OLED displays. I've spent considerable time developing a custom CSS theme for Emby's Web UI that emphasizes pure blacks, flat design, and intentional interactions without visual bloat.

The theme is attached to this post and free for anyone to use. While I offer it without warranty or formal support, I'll continue updating it as I refine the design. Feel free to try it out and enjoy a cleaner Emby experience!

Highlights:

• Pure OLED optimization - True black (#000000) backgrounds for perfect contrast and power efficiency on OLED displays
• Modern blue accent system - Clean, minimal design with blue (#2196F3) accents replacing Emby's default green
• Flat, borderless interface - No rounded corners, no shadows, no visual bloat.
• Consistent hover behaviors - Blue icon/text changes on buttons, blue underlines on links, with zero background overlays

Issues:

• Some minor UI & alignment issues on mobile devices, but I use the app anyways.
• Margins on same pages need adjusting.

To Do:

• The settings page needs better visual feedback. Will adjust to match theme structure for consistancy (blue)

Release notes (v4.8.1):

• Fixed detail page buttons (Play, Trailer, Favorite, etc.) now show blue hover states matching the overall theme
• Resolved home page logo disappearing when hovering over the header
• Optimized menus, dialogs, and forms with proper spacing and content-sized layouts
• Consolidated CSS variables into single organized block, unified hover behavior sections, and added navigation table of contents for improved maintainability.

Screenshots:

v4.8.1-optimized.css

Edited December 31, 2025 by shadezero

[Luke 42077]

Hi , very cool. Thanks for sharing.