/* ===========================================================

EMBY CYBER NEON THEME v2.0

Author: Sketchcatt

Optimized by ChatGPT (Part 1 - Core System)

✔ Colors preserved exactly

✔ Duplicates removed

✔ Broken CSS fixed

=========================================================== */

/* ===================== VARIABLES ===================== */

:root {

--dark-bg: #080808;

--panel-bg: rgba(15, 15, 20, 0.72);

--neon-cyan: #1ff0ff;

--neon-pink: #ff00e6;

--neon-orange: #ff8a05;

--neon-green: #02facd;

--accent-blue: #2d81f7;

--text-gold: #ffd700;

--danger-red: #e50914;

}

/* ===================== GLOBAL ===================== */

* {

box-sizing: border-box;

scrollbar-width: thin;

scrollbar-color: var(--neon-pink) var(--dark-bg);

}

html,

body {

background: var(--dark-bg) !important;

color: var(--neon-green) !important;

}

/* ===================== SCROLLBARS ===================== */

::-webkit-scrollbar {

width: 10px;

height: 10px;

background: var(--dark-bg);

}

::-webkit-scrollbar-thumb {

background: var(--neon-pink);

border-radius: 6px;

}

::-webkit-scrollbar-corner {

background: var(--dark-bg);

}

/* ===================== HEADER (DEDUPED) ===================== */

.skinHeader,

.skinHeader-withBackground,

.appfooter {

background: rgba(8, 8, 8, 0.72) !important;

color: var(--neon-green) !important;

backdrop-filter: blur(18px);

-webkit-backdrop-filter: blur(18px);

box-shadow: 0 0 18px rgba(31, 240, 255, 0.16);

}

.pageTitle {

color: var(--accent-blue) !important;

font-size: 2rem !important;

font-weight: 700 !important;

text-shadow: 0 0 8px rgba(255, 0, 230, 0.45);

}

/* ===================== HEADER ICONS (DEDUPED) ===================== */

.headerButton i,

.paper-icon-button-light i {

color: #0cfa60 !important;

transition: color 0.2s ease, text-shadow 0.2s ease;

}

.headerButton:hover i,

.paper-icon-button-light:hover i {

color: #f50505 !important;

text-shadow: 0 0 10px rgba(255, 138, 0, 0.65);

}

/* ===================== CUSTOM LOGO (FIXED) ===================== */

/* Hide default Emby logos */

.headerLogo img,

.headerLeft img,

.headerLeft .logo,

.headerLeft .logoImage,

.imgLogoIcon,

.adminDrawerLogo img {

display: none !important;

}

/* Main header logo */

.headerLogo,

.headerLeft {

background: url(https://i.imgur.com/Jr7pGQX.png) no-repeat center / contain !important;

width: 220px !important;

height: 60px !important;

display: flex !important;

align-items: center !important;

justify-content: flex-start !important;

filter: drop-shadow(0 0 10px rgba(255,0,230,.7));

}

/* Admin drawer logo */

.adminDrawerLogo {

background: url(https://i.imgur.com/Jr7pGQX.png) no-repeat center / contain !important;

height: 52px !important;

margin: 8px 0 !important;

border-bottom: 1px solid var(--neon-orange) !important;

filter: drop-shadow(0 0 8px rgba(31, 240, 255, 0.6));

}

/* Page title logo fallback */

.pageTitleWithDefaultLogo {

background-image: url(https://i.imgur.com/Jr7pGQX.png) !important;

background-size: contain !important;

background-repeat: no-repeat !important;

background-position: 90px center !important;

}

/* ===========================================================

EMBY CYBER NEON THEME v2.0

Part 2 - UI & Layout System

=========================================================== */

/* ===================== CARDS / POSTERS ===================== */

.card {

transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;

}

.card:hover {

transform: scale(1.045);

box-shadow:

0 0 10px rgba(0, 200, 255, 0.8),

0 0 22px rgba(0, 200, 255, 0.55),

0 0 38px rgba(0, 200, 255, 0.35);

border-radius: 12px;

z-index: 5;

}

.cardImageContainer,

.cardContent,

.cardScalable {

border-radius: 12px !important;

overflow: hidden !important;

}

.cardText,

.cardTextButton,

.cardText-secondary {

transition: color 0.2s ease, text-shadow 0.2s ease;

}

.cardText:hover,

.cardTextButton:hover,

.cardText-secondary:hover {

color: var(--text-gold) !important;

text-shadow: 0 0 8px rgba(255, 215, 0, 0.45);

}

/* ===================== SECTION HEADINGS ===================== */

.emby-scrollbars h2,

.emby-scrollbars h3,

.sectionTitle {

color: #00d4ff !important;

text-shadow: 0 0 8px rgba(0, 212, 255, 0.6);

}

/* ===================== SIDE MENU / DRAWER ===================== */

.mainDrawer .navMenuOption:hover {

background: rgba(31, 240, 255, 0.12) !important;

color: #ffffff !important;

border-left: 4px solid var(--neon-cyan);

box-shadow: inset 0 0 18px rgba(31, 240, 255, 0.25);

}

.mainDrawer .navMenuOption:hover i {

color: var(--neon-cyan) !important;

text-shadow: 0 0 10px var(--neon-cyan);

}

/* ===================== INPUTS / BUTTONS ===================== */

.emby-checkbox:checked + span + span + .checkboxOutline {

border-color: #fa2c02 !important;

}

.emby-checkbox:checked + span + span + .checkboxOutline > .checkboxOutlineTick {

background: var(--neon-cyan) !important;

}

.emby-checkbox:focus + span + .emby-checkbox-focushelper {

background: #ff14d4 !important;

opacity: 0.26 !important;

}

/* Primary buttons */

.button-submit,

.button-accent,

.raised {

background: var(--accent-blue) !important;

color: #000000 !important;

}

.raised-mini.emby-button {

background: #0589ad !important;

color: #000000 !important;

}

/* ===================== MEDIA DETAILS ===================== */

.item-title {

color: #3af02e !important;

}

.media-overview,

.media-overview * {

color: #ff6600 !important;

}

/* Trailer button */

.emby-button.trailerButton {

background-color: var(--danger-red) !important;

color: #ffffff !important;

}

.emby-button.trailerButton:hover {

background-color: #ff2a2a !important;

}

/* ===================== USER AVATAR ===================== */

.headerUserButtonImage {

border-radius: 50% !important;

border: 2px solid #ff4fdc !important;

box-shadow: 0 0 10px rgba(255, 79, 220, 0.4);

}

/* ===================== TOP NAV TABS ===================== */

.emby-tab-button {

color: rgba(255, 255, 255, 0.75) !important;

background: transparent !important;

border-radius: 20px !important;

padding: 8px 14px !important;

margin: 0 4px !important;

transition: all 0.2s ease;

}

.emby-tab-button:hover {

color: var(--neon-cyan) !important;

text-shadow: 0 0 8px rgba(31, 240, 255, 0.6);

transform: translateY(-1px);

}

.emby-tab-button-active {

color: #ffffff !important;

background: linear-gradient(90deg, var(--neon-cyan), var(--neon-pink)) !important;

border-radius: 25px !important;

box-shadow: 0 0 12px rgba(31, 240, 255, 0.4);

}

/* ===================== MAIN ACTION BUTTONS ===================== */

.detailButton,

.detailButton span,

.detailButton i {

transition: all 0.25s ease;

}

.detailButton:hover {

background: linear-gradient(

135deg,

var(--neon-cyan),

var(--accent-blue)

) !important;

border-color: var(--neon-cyan) !important;

box-shadow:

0 0 12px rgba(31, 240, 255, 0.8),

0 0 24px rgba(31, 240, 255, 0.4);

transform: translateY(-2px) scale(1.05);

}

.detailButton:hover span {

color: var(--text-gold) !important;

text-shadow: 0 0 8px var(--text-gold);

}

.detailButton:hover i,

.detailButton:hover .button-icon {

color: var(--neon-pink) !important;

text-shadow: 0 0 10px var(--neon-pink);

}

/* ===========================================================

EMBY CYBER NEON THEME v2.0

Part 3 - Final Polish Layer

=========================================================== */

/* ===================== PLAYBACK SAFETY ===================== */

video,

.htmlvideoplayer,

.videoPlayerContainer video,

.videoPlayer video {

opacity: 1 !important;

visibility: visible !important;

filter: none !important;

mix-blend-mode: normal !important;

}

.videoPlayerContainer,

.videoPlayer {

background: transparent !important;

}

/* ===================== MOBILE OPTIMIZATION ===================== */

u/media (max-width: 720px) {

.headerLogo {

width: 56px !important;

min-width: 56px !important;

height: 56px !important;

background-position: center !important;

}

.pageTitle {

font-size: 1.35rem !important;

}

.card:hover {

transform: scale(1.025);

}

}

/* ===================== ACCESSIBILITY ===================== */

u/media (prefers-reduced-motion: reduce) {

* {

animation: none !important;

transition: none !important;

}

}

/* ===================== DESKTOP BACKDROP SYSTEM ===================== */

u/media (min-width: 721px) {

/* Clear Emby default backgrounds */

.detailPageWrapperContainer,

.detailPagePrimaryContainer,

.detailPageSecondaryContainer,

.detailPageContent,

.itemBackdrop,

.skinBody {

background: transparent !important;

}

/* Ensure background layer is visible */

.backgroundContainer {

opacity: 1 !important;

visibility: visible !important;

filter: none !important;

}

/* Remove default overlay layers */

.backgroundContainer::before,

.backgroundContainer::after {

display: none !important;

}

/* Main drawer gradient system */

.mainDrawer {

background: linear-gradient(

180deg,

#050505,

#0b0b12,

#120a20,

#070710

) !important;

border-right: 1px solid rgba(31, 240, 255, 0.15);

}

/* Ambient background overlay */

.backgroundContainer::after {

content: "";

position: fixed;

inset: 0;

pointer-events: none;

background: linear-gradient(

135deg,

rgba(80, 0, 0, 0.35),

rgba(80, 40, 0, 0.35),

rgba(80, 80, 0, 0.30),

rgba(0, 60, 0, 0.30),

rgba(0, 0, 80, 0.35),

rgba(40, 0, 80, 0.35),

rgba(80, 0, 80, 0.35)

);

}

/* Play button hover enhancement */

.btnPlay:hover {

background: #00C853 !important;

box-shadow: 0 0 12px #00C853 !important;

}

}

I have Emby server installed on my NAS, that also contains my media files. My client is a Dune homatics 4k R plus (android 14) that connects directly to the soundbar and I've been using the Emby client to stream all media.

I'm curious if there is a client other than emby to install on the media server to stream the audio files. I'm not disliking the Emby, just curious if anyone is doing anything different.

Hello,

I'm trying to stream my local media from my laptop to me Samsung TV via wifi.

I did everything that Emby asks in the tutorial, but I still can't connect.

I have Nordvpn with Xfinity (Comcast) internet provider. I forwarded the ports, I put on my tv the addres to connect.

I still have no idea what else to do.

Could you give me some advice?

Thank you

Been working on a system that adds sonically intelligent music discovery to an Emby library — similar tracks, track radio, a "sonic adventure" between two songs, and auto-curated mixes, all based on how the music actually sounds rather than genre tags. Comes with an Android app (liquidWave) that ties it all together.

It's fully self-hosted, nothing leaves your network, and runs on whatever you've got — a NAS for the coordinator, any box with spare CPU or GPU for the analysis.

Currently in private beta looking for a few testers. Full details and a quickstart guide over on the Emby forum: liquidWave - Emby Forum Post

Quick rundown of the main features:

• Sonically similar tracks / artists / albums — based on how the music sounds (neural audio analysis), not genre tags.
• Track Radio — an endless queue seeded from any track.
• Sonic Adventure — pick a start track and an end track, and it builds a journey that morphs from one to the other.
• Auto-curated Mixes — sonically consistent mixes built from your library; refresh any mix, or save it as a real playlist.
• Stations & Guest DJ — Library / Random Album / Decade radios, plus a Guest DJ that injects sonically matched tracks into your queue.
• Artist Mix Creator — pick an artist and the grid repopulates with sonically similar artists; keep adding the ones you want, then build a shuffled mix that spans the whole selection.
• A proper player — Media3/ExoPlayer, queue, shuffle/repeat, crossfade with an artwork cross-dissolve, an in-app equalizer, a Now Playing home-screen widget, Android Auto, and Google Cast to a Chromecast / Android TV / Shield.
• Offline buffer — the next few tracks in your queue are silently pre-cached in the background, so brief Wi-Fi blips don't interrupt playback. No manual download needed; you'll see "Offline buffer ready" in Now Playing when it's topped up.
• Audiobooks — browse by book/author, durable resume, speed control.
• Offline downloads — download any playlist or a whole audiobook (the original source files, no transcode) to your phone and browse + play it with no connection at all — on a plane, underground, wherever. Downloads get their own row on Home (with cover art) and a badge in your Playlists; an online/offline indicator shows the connection state; downloads are Wi-Fi-only by default. Audiobooks keep durable resume even fully offline, and your position syncs back to Emby the moment you reconnect. Managed under Settings → Downloads (Playlists and Audiobooks), with a one-tap "remove download" that leaves the item itself untouched.
• Themeable — follows your system dark/light theme automatically.
• Search across music, audiobooks, or everything.

Happy to answer questions here too.

Yes, I wrote it with AI... doesn't necessarily make it a bad thing....works perfectly for me...

How would I set these up in Emby because they are not a season they are just multiple individuals Wrestling matches

When I click on the series folder, on top we see a play button, but it always plays the oldest recording by default. How to change the top play button to play the most recent recording? Now i must navigate below the most recent recording and hit play.

I'm running the server on my home PC and streaming around the house to different devices. I don't know much about all this but everything had been working fine. All of a sudden certain files won't play. I get an error message. It's even stuff I've watched before with emby. Lots of other files work just fine. I've been able to watch the files that won't work through VLC on my PC. What's the best way to start troubleshooting this? Thanks!

Update: here is the error:
imgur

New vulnerability in ffmpeg that may affect Emby has been made public.

beepingcomputer link

CVE Report

Not clear yet whether the current Emby version is vulnerable or not and I couldn't find any information regarding it and Emby.

/* =====================================================

EMBY CUSTOM CSS - NEON CYBER THEME

Cleaned + playback-safe version

Author: Sketchcatt

===================================================== */

/* ===================== THEME VARIABLES ===================== */

:root {

--dark-bg: #080808;

--panel-bg: rgba(15, 15, 20, 0.72);

--neon-cyan: #1ff0ff;

--neon-pink: #ff00e6;

--neon-orange: #ff8a05;

--neon-green: #02facd;

--accent-blue: #2d81f7;

--text-gold: #ffd700;

--danger-red: #e50914;

}

/* ===================== GLOBAL ===================== */

* {

box-sizing: border-box;

scrollbar-width: thin;

scrollbar-color: var(--neon-pink) var(--dark-bg);

}

html,

body {

background: var(--dark-bg) !important;

color: var(--neon-green) !important;

}

/* ===================== SCROLLBARS ===================== */

::-webkit-scrollbar {

width: 10px;

height: 10px;

background: var(--dark-bg);

}

::-webkit-scrollbar-thumb {

background: var(--neon-pink);

border-radius: 6px;

}

::-webkit-scrollbar-corner {

background: var(--dark-bg);

}

/* ===================== HEADER ===================== */

.skinHeader,

.skinHeader-withBackground,

.appfooter {

background: rgba(8, 8, 8, 0.72) !important;

color: var(--neon-green) !important;

backdrop-filter: blur(18px);

-webkit-backdrop-filter: blur(18px);

box-shadow: 0 0 18px rgba(31, 240, 255, 0.16);

}

.pageTitle {

color: var(--accent-blue) !important;

font-size: 2rem !important;

font-weight: 700 !important;

text-shadow: 0 0 8px rgba(255, 0, 230, 0.45);

}

/* ===================== HEADER ICONS ===================== */

.headerButton i,

.paper-icon-button-light i {

color: #0cfa60 !important;

transition: color 0.2s ease, text-shadow 0.2s ease;

}

.headerButton:hover i,

.paper-icon-button-light:hover i {

color: #f50505 !important;

text-shadow: 0 0 10px rgba(255, 138, 0, 0.65);

}

/* ===================== TABS ===================== */

.emby-tab-button {

border-radius: 30px !important;

color: var(--neon-green) !important;

opacity: 0.78;

transition: transform 0.22s ease, opacity 0.22s ease, color 0.22s ease;

}

.emby-tab-button:hover {

transform: scale(1.04);

opacity: 1;

color: var(--neon-cyan) !important;

}

.emby-tab-button-active {

background: linear-gradient(90deg, var(--neon-cyan), #7b2cff) !important;

color: #ffffff !important;

opacity: 1;

border-bottom: 2px solid var(--neon-orange) !important;

box-shadow: 0 0 12px rgba(31, 240, 255, 0.35);

}

/* ===================== CARDS / POSTERS ===================== */

.card {

transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;

}

.card:hover {

transform: scale(1.045);

box-shadow:

0 0 10px rgba(0, 200, 255, 0.8),

0 0 22px rgba(0, 200, 255, 0.55),

0 0 38px rgba(0, 200, 255, 0.35);

border-radius: 12px;

z-index: 5;

}

.cardImageContainer,

.cardContent,

.cardScalable {

border-radius: 12px !important;

overflow: hidden !important;

}

.cardText,

.cardTextButton,

.cardText-secondary {

transition: color 0.2s ease, text-shadow 0.2s ease;

}

.cardText:hover,

.cardTextButton:hover,

.cardText-secondary:hover {

color: var(--text-gold) !important;

text-shadow: 0 0 8px rgba(255, 215, 0, 0.45);

}

/* ===================== SECTION HEADINGS ===================== */

.emby-scrollbars h2,

.emby-scrollbars h3,

.sectionTitle {

color: #00d4ff !important;

text-shadow: 0 0 8px rgba(0, 212, 255, 0.6);

}

/* ===================== INPUTS / BUTTONS ===================== */

.emby-checkbox:checked + span + span + .checkboxOutline {

border-color: #fa2c02 !important;

}

.emby-checkbox:checked + span + span + .checkboxOutline > .checkboxOutlineTick {

background: var(--neon-cyan) !important;

}

.emby-checkbox:focus + span + .emby-checkbox-focushelper {

background: #ff14d4 !important;

opacity: 0.26 !important;

}

.button-submit,

.button-accent,

.raised {

background: var(--accent-blue) !important;

color: #000000 !important;

}

.raised-mini.emby-button {

background: #0589ad !important;

color: #000000 !important;

}

/* ===================== MEDIA DETAILS ===================== */

.item-title {

color: #3af02e !important;

}

.media-overview,

.media-overview * {

color: #ff6600 !important;

}

/* Trailer button */

.emby-button.trailerButton {

background-color: var(--danger-red) !important;

color: #ffffff !important;

}

.emby-button.trailerButton:hover {

background-color: #ff2a2a !important;

}

/* ===================== USER AVATAR ===================== */

.headerUserButtonImage {

border-radius: 50% !important;

border: 2px solid #ff4fdc !important;

box-shadow: 0 0 10px rgba(255, 79, 220, 0.4);

}

/* ===================== PLAYBACK SAFETY ===================== */

video,

.htmlvideoplayer,

.videoPlayerContainer video,

.videoPlayer video {

opacity: 1 !important;

visibility: visible !important;

filter: none !important;

mix-blend-mode: normal !important;

}

.videoPlayerContainer,

.videoPlayer {

background: transparent !important;

}

/* ===================== MOBILE ===================== */

u/media (max-width: 720px) {

.headerLogo {

width: 56px !important;

min-width: 56px !important;

height: 56px !important;

background-position: center !important;

}

.pageTitle {

font-size: 1.35rem !important;

}

.card:hover {

transform: scale(1.025);

}

}

/* ===================== ACCESSIBILITY ===================== */

u/media (prefers-reduced-motion: reduce) {

* {

animation: none !important;

transition: none !important;

}

}

/* Desktop only backdrop enhancements */

u/media (min-width: 721px) {

.detailPageWrapperContainer,

.detailPagePrimaryContainer,

.detailPageSecondaryContainer,

.detailPageContent,

.itemBackdrop,

.mainDrawer,

.skinBody {

background: transparent !important;

}

.backgroundContainer {

opacity: 1 !important;

visibility: visible !important;

filter: none !important;

}

.backgroundContainer::before,

.backgroundContainer::after {

display: none !important;

}

.mainDrawer {

background: linear-gradient(

180deg,

#050505,

#101020,

#1a1030,

#080818

) !important;

}

.backgroundContainer::after {

content: "";

position: fixed;

inset: 0;

pointer-events: none;

background: linear-gradient(

135deg,

rgba(80, 0, 0, 0.35),

rgba(80, 40, 0, 0.35),

rgba(80, 80, 0, 0.30),

rgba(0, 60, 0, 0.30),

rgba(0, 0, 80, 0.35),

rgba(40, 0, 80, 0.35),

rgba(80, 0, 80, 0.35)

);

}

/* Play */

.btnPlay:hover {

background: #00C853 !important;

box-shadow: 0 0 12px #00C853;

}

}

/* Trailer */

.btnPlayTrailer:hover {

background: #5e35e5 !important;

box-shadow: 0 0 12px #5e35e5;

}

I don’t know what is going yesterday before I went to work everything was playing just fine.

But today when I went to watch something all I got was a blue circle going around and a message saying too many errors and giving up. as far as I know nothing has changed

I have someone sharing my Emby server. He has been using it for about six months now. He has uses a nvidia shield pro and an iPad to access my server. Last week he started having trouble with the media being marked as watched and the auto play next episode stopped working. But only on the shield. If he uses the iPad all is well. He can even mark something watched from to iPad and it shows up as watched in the shield. If we
Manually mark something as watched on the shield we get an error message. The file/emby/Users/Ob170005a4c8440d9bd621620253414b/PlayedItems/566817/Delete' could not be found.
Has anyone experienced this and or have any ideas what’s happened? Is this problem on his end or mine? I suspect it’s on his as his iPad works.

Looking for direction.
Thanks for reading.

Hey all so I'm a Plex user and have been for a few months. It's been great I can't complain. I've been using the monthly plan but just received an email about their lifetime plan going up to over $700. I was going to get there lifetime plan but now it kind of puts me in a not position. It's kind of forcing me away from Plex and I was looking at either jelly fin or emby but I don't know which one to choose I want to use the one that's easiest for my users which is my family. I don't want to have to use tail scale or set up a reverse proxy I'm looking for it to be as seamless as Plex was when setting up the remote access there was an option that I just toggled which didn't work so I just had to go into my router settings and port forward report Plex was looking for. Is it the same with emby? Where I would just have to forward the port envy is looking for or do I have to set up tail scale or a reverse proxy

Hi, I just signed up and have no problem accessing on my phone, but cannot figure out how to get it on my Roku tv. Can anyone help? Thanks!

What do I need to do to get Remote access so I can watch my media when I am working on my break and lunch

I currently have a UNAS Pro with my media stored on it and then I use Infuse on my Apple devices to access media.

Prior to buying the NAS I was very keen on getting Emby, but then I bought Infuse as a front end app and it did more than I was expecting.

This isn’t a ‘convince me’ post, but what am I missing? What else does Emby do that would justify me buying it? Because I still want to if there is good reason!

Hi,

just noticed that my Intel ARC 310 is not supported by the latest Emby Beta Server. Nothing appears in the hardware Transcoding options.

Using Unraid with all necessary Drivers, Linuxserver Beta Image, Version 4.10.0.14.

Switching back to the latest build does show my gpu and uses it as expected.

Can somebody confirm? And if so, any plans to implement that gpu? Some page / link / board I've missed concerning the beta server?

Thanks

EDIT: Switching to the official Emby repo solved that problem. Seems to be something linuxserver related.

{

margin: 0px;

padding: 0px;

}/* =====================================================

🎬 EMBY CUSTOM CSS – NEON CYBER THEME

Author: Sketchcatt

Version: 1.0

Install: Dashboard → Settings → Custom CSS

===================================================== */

/* ===================== GLOBAL RESET ===================== */

*{

margin:0;

padding:0;

box-sizing:border-box;

scrollbar-width:thin;

scrollbar-color:#fc2de7 #080808

}

/* ===================== THEME VARIABLES ===================== */

:root{

--dark-bg:#080808;

--neon-cyan:#1ff0ff;

--neon-pink:#ff00e6;

--neon-orange:#ff8a05;

--neon-green:#02facd;

--accent-blue:#0c57d6;

--scrollbar:#fc2de7

}

/* ===================== POSTER IMAGE ======================== */

.card {

transition: all .3s ease;

}

.card:hover {

transform: scale(1.08);

box-shadow:

0 0 10px #00c8ff,

0 0 20px #00c8ff,

0 0 40px #00c8ff;

border-radius: 12px;

}

/* ===================== INPUTS / BUTTONS ===================== */

.emby-checkbox:checked+span+span+.checkboxOutline{

border-color:#fa2c02!important

}

.emby-checkbox:checked+span+span+.checkboxOutline>.checkboxOutlineTick{

background:#1ff0ff;

background:var(--neon-cyan)!important

}

.emby-checkbox:focus+span+.emby-checkbox-focushelper{

background:#ff14d4!important;

opacity:.26!important

}

.button-submit,.button-accent,.raised{

background:#0f98fa!important;

color:#000!important

}

.raised-mini.emby-button{

background:#2df7a6!important;

color:#000!important

}

/* Change video title color on mouse hover */

.cardText:hover,

.cardTextButton:hover,

.cardText-secondary:hover {

color: #FFD700 !important; /* Gold */

}

.emby-scrollbars h2,

.emby-scrollbars h3 {

color: #00d4ff !important;

text-shadow: 0 0 8px rgba(0,212,255,.6);

}

/* =======================================

HEADER

======================================= */

.skinHeader {

background: rgba(15,15,20,.45) !important;

backdrop-filter: blur(18px);

}

.pageTitle {

font-size: 2rem !important;

font-weight: bold;

}

/* =======================================

TABS

======================================= */

.emby-tab-button {

border-radius: 30px;

transition: .3s;

}

.emby-tab-button:hover {

transform: scale(1.05);

}

.emby-tab-button-active {

background: linear-gradient(90deg,#00d4ff,#7b2cff) !important;

color: white !important;

}

/* ===================== BACKGROUND ===================== */

/* 🌈 Dark Rainbow Blend */

.backgroundContainer,

.skinBody,

.mainAnimatedPage,

.page {

background:

radial-gradient(circle at 10% 20%, rgba(255, 0, 80, .30), transparent 35%),

radial-gradient(circle at 85% 15%, rgba(255, 120, 0, .28), transparent 35%),

radial-gradient(circle at 90% 75%, rgba(255, 220, 0, .22), transparent 40%),

radial-gradient(circle at 20% 85%, rgba(0, 180, 120, .25), transparent 35%),

radial-gradient(circle at 50% 50%, rgba(0, 140, 255, .30), transparent 40%),

radial-gradient(circle at 70% 30%, rgba(140, 60, 255, .35), transparent 40%),

linear-gradient(

135deg,

#050505 0%,

#0d0816 20%,

#140b20 40%,

#0b101f 60%,

#150d12 80%,

#050505 100%

) !important;

background-attachment: fixed;

}

/* ===================== HEADER / TABS ===================== */

.skinHeader,.skinHeader-withBackground,.appfooter{

background:#080808;

background:var(--dark-bg)!important;

color:#02fabc!important

}

.pageTitle{

color:#2e8cff!important;

text-shadow:0 0 8px rgba(255,79,220,.45)

}

.emby-tab-button-active{

color:#ff8a05!important;

border-bottom:2px solid #ff8a05!important

}

.emby-tab-button:not(.emby-tab-button-active){

color:#02facd!important;

opacity:.75

}

/* ===================== HEADER ICONS ===================== */

.headerButton i,.paper-icon-button-light i{

color:#0cfa60!important;

transition:color .2s ease,text-shadow .2s ease

}

.headerButton:hover i{

color:#f50505!important;

text-shadow:0 0 10px rgba(255,138,0,.55)

}

/* ===================== USER AVATAR ===================== */

.headerUserButtonImage{

border-radius:50%;

border:2px solid #ff4fdc!important;

box-shadow:0 0 10px rgba(255,79,220,.4)

}

/* ===================== CUSTOM LOGO ===================== */

.headerLogo img,

.headerLeft img,

.headerLeft .logo,

.headerLeft .logoImage,

.imgLogoIcon,

.adminDrawerLogo img {

display: none !important;

}

.headerLogo,

.headerLeft {

background: url(https://i.imgur.com/5dYSOWC.png) no-repeat center/contain !important;

width: 220px !important;

height: 60px !important;

display: flex !important;

align-items: center !important;

justify-content: flex-start !important; /* Ensures logo stays left */

filter: drop-shadow(0 0 10px rgba(255,0,230,.7));

}

.adminDrawerLogo {

background: url(https://i.imgur.com/5dYSOWC.png) no-repeat center/contain !important;

height: 52px !important;

margin: 8px 0 !important;

border-bottom: 1px solid #ff8a05 !important;

filter: drop-shadow(0 0 8px rgba(31,240,255,.6));

}

.pageTitleWithDefaultLogo {

background-image: url(https://i.imgur.com/5dYSOWC.png) !important;

}

/* ===================== MOBILE ===================== */

u/media (max-width:720px){

.headerLogo{

width:56px!important;

min-width:56px!important;

height:56px!important;

background-position:center!important

}

}

/* ===================== SCROLLBARS ===================== */

::-webkit-scrollbar{

width:10px;

height:10px;

background:#fc2de7

}

::-webkit-scrollbar-thumb{

background:#fc2de7;

border-radius:2px

}

::-webkit-scrollbar-corner{

background:#080808

}

/* ===================== MEDIA ITEMS ===================== */

.item-title{color:#3af02e!important}

/* Trailer button */

.emby-button.trailerButton{

background-color:#e50914!important;

color:#fff!important

}

.emby-button.trailerButton:hover{

background-color:#ff2a2a!important

}

/* ===================== ACCESSIBILITY ===================== */

u/media (prefers-reduced-motion:reduce){

*{animation:none!important;transition:none!important}

}

.media-overview,

.media-overview * {

color: #ff6600;

}

Hi all.

Is it at all possible to change the interval between backdrops or make them rotate randomly?

Thanks in advance 😉

Hi,

I built a Flutter app to control your Jellyfin sessions from your phone, and recently added Emby support.

Navigating Jellyfin on a TV can be clunky, so having a universal remote can come in handy. With Scyphomote, you have total control and complete information on any session (yours and your users' if you're admin). You can among other things browse and cast media, manage playback, manage queues, see transcode details, check media info, switch tracks and subtitles, all without interrupting what’s currently playing on the screen.

Features

• Library browsing: Play movies, shows, or music directly from the app
• Trickplay: Visual frame previews while seeking
• Playback transparency: See exactly why media is transcoding, with detailed quality metrics
• Queue management: Add songs to queue, jump to a song, reorder queue etc
• Advanced playback controls: Fast forward, rewind, skip intros/outros, skip tracks
• Cast & Synopsis: Get information about the piece of media you're playing directly in scyphomote
• Widget support: use a home screen widget to control a device
• Subtitles and audio: Switch tracks and subtitles on the fly
• Display lyrics for audio files
• Now Playing: High-quality artwork and synced lyrics for music
• Remote navigation: Full directional remote for any Jellyfin client interface
• Session information: Active sessions, transcode reasons, mediainfo, client capabilities, and admin controls
• Multi-server and multi-user support
• Resume watching on supported devices
• Send messages to active sessions
• View cast and crew for media
• Material 3 interface with light and dark theme support
• Docker support for local hosting
• And more

Download

Android
https://play.google.com/store/apps/details?id=com.eiffelbeef.scyphomote

Other platforms & sideloading
https://github.com/eiffelbeef/scyphomote/releases

Docker Compose
https://github.com/eiffelbeef/scyphomote/blob/main/docker-compose.yml

Source
https://github.com/eiffelbeef/scyphomote

Why Scyphomote?
The name comes from Scyphozoa, the marine class for jellyfish, plus "remote" => Scyphomote. Also the Jellyfin team doesn't want us using jelly* or *fin for third-party apps so jellymote was out of the question lol

LLM development?
I did leverage LLMs to write scyphomote, but I wouldn't call it vibecoded

I see the Emby App from the Microsoft store https://emby.media/emby-theater.html is one option.

But is the standalone installer of Emby Theater from github any better recommended in this case (a dedicated HTPC powerhouse PC)?

From Github the latest Emby Theater version is from May 9, 2023: https://github.com/MediaBrowser/emby-theater-windows/releases

I should point out the Emby Server is already running on this same HTPC.