---

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

---

Go to installation

---

Scyfin Complete Theme

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

Options (Add these below the full theme)

• Disable static left drawer
  • @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.14/CSS/css-scyfin/disable-static-drawer.css');
• Disable static left drawer (BACKDROP VERSION)
  • @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.14/CSS/css-scyfin/disable-static-drawer-backdrop.css');

---

Scyfin Complete Theme - Backdrops Supported

Note -

• Only install ONE version of the theme, do not install both the normal version and the backdrops supported version
• 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.14/CSS/css-scyfin/scyfin-theme-backdrop.css');

Options (Add these below the full theme)

• Disable static left drawer
  • @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.14/CSS/css-scyfin/disable-static-drawer.css');
• Disable static left drawer (BACKDROP VERSION)
  • @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.14/CSS/css-scyfin/disable-static-drawer-backdrop.css');

---

Installation:

---

Server-wide install:

• Click the hamburger icon (Top left)
• Navigate to "Dashboard" (If you don't see this, make sure you are signed in to your admin account)
• Navigate to "General"
• Near the bottom, under "Custom CSS code", paste the @import url for the theme you want
  • Note -
    • Only install ONE version of the theme, do not install both the normal version and the backdrops supported version
  • Example:
  • 
• Optional - Paste the @import url for any options you want
  • Example:
  • 
• Click "Save"

---

Single client install:

• Click the hamburger icon (Top left)
• Navigate to "Settings"
• Navigate to "Display"
• Near the middle, under "Custom CSS code", paste the @import url for the theme you want
  • Note -
    • Only install ONE version of the theme, do not install both the normal version and the backdrops supported version
    • If there is any server-wide custom CSS, you may want to enable "Disable server-provided custom CSS code", as the two themes WILL interfere with each other
  • Example:
  • 
• Optional - Paste the @import url for any options you want
  • Example:
  • 
• Click "Save"

---