scyfin/README.md
2023-12-30 19:40:58 +01:00

2.1 KiB

scyfin logo

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


Table of contents

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

@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.10/CSS/css-scyfin/scyfin-theme.css');
scyfin1 scyfin2 scyfin3 scyfin4 scyfin5

Complete theme without static drawer and with backdrop

@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.10/CSS/css-scyfin/disable-static-drawer.css');

Complete theme without static drawer

@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

scyfin-backdrop1 scyfin-backdrop2 scyfin-backdrop3