scyfin logo --- Custom CSS bits for the Jellyfin WebUI and a complete custom theme (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 - 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;} ``` --- Static Left Drawer static left drawer @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@m0.0.1-alpha/CSS/static-left-drawer.css'); --- Rounded Cards rounded cards @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@m0.0.1-alpha/CSS/rounded-cards.css'); --- Rounded Drawer Buttons rounded drawer buttons @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@m0.0.1-alpha/CSS/rounded-drawer-buttons.css'); --- Transparent Header transparent header alt @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@m0.0.1-alpha/CSS/transparent-header.css');