--- Custom CSS theme for Jellyfin (plus a backdrops supported version) --- ## Table of contents - [Installation](#installation) - [Themes](#themes) - [Complete theme](#complete-theme) - [Complete theme + without static drawer](#complete-theme-without-static-drawer-and-with-backdrop) - [Complete theme + without static drawer + with backdrop](#complete-theme-without-static-drawer) ## Installation 1. Click on ``Settings`` in the navigation bar 2. Click on ``Dashboard`` below ``Administration`` 3. Click on ``General`` below ``Server``. 4. Scroll to the bottom of the page and enter the custom CSS code of your desired theme. 5. Click ``Save`` 6. Press ``CTRL`` + ``F5`` > [!WARNING] > Only add 1 version of the theme, do not add both the normal Scyfin theme and the backdrops supported version together ## Themes ### Complete theme ```css @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.10/CSS/css-scyfin/scyfin-theme.css'); ``` ### Complete theme without static drawer and with backdrop ```css @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.10/CSS/css-scyfin/disable-static-drawer.css'); ``` ### Complete theme without static drawer ```css @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.10/CSS/css-scyfin/disable-static-drawer-backdrop.css'); ``` > [!NOTE] > Backdrops need to be enabled in Jellyfin (`Settings` > `Display` > `Backdrop`) for backdrop supported version to display properly