scyfin logo --- Custom CSS theme for Jellyfin (plus a backdrops supported version) --- Scyfin Complete Theme scyfin1 scyfin2 scyfin3 scyfin4 scyfin5 @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 scyfin-backdrop1 scyfin-backdrop2 scyfin-backdrop3 @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;} ```