---

Custom CSS theme for Jellyfin (plus a backdrops supported version)

---

Scyfin Complete Theme

@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.7/CSS/css-scyfin/scyfin-theme.css');

Note: If you use the Jellyfin Media Player desktop app, you need to add this CSS bit (navigate to Settings>Display>Custom CSS Code if you only want it to apply to one client, ie the desktop app) or else the content will be covered by the sidebar:

/* Scyfin Media Player fix */
.layout-desktop .libraryPage:not(#editItemMetadataPage) {margin-left: 250px !important;}

---

Scyfin Complete Theme - Backdrops Supported

Note -

Only add 1 version of the theme, do not add both the normal Scyfin theme and the backdrops supported version together

Backdrops need to be enabled in Jellyfin (Settings > Display > Backdrops) for backdrop supported version to display properly

@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.7/CSS/css-scyfin/scyfin-theme-backdrop.css');

Note - If you use the Jellyfin Media Player desktop app, you need to add this CSS bit (navigate to Settings>Display>Custom CSS Code if you only want it to apply to one client, ie the desktop app) or else the content will be covered by the sidebar:

/* Scyfin Media Player fix */
.layout-desktop .libraryPage:not(#editItemMetadataPage) {margin-left: 250px !important;}