/scyfin

Custom theme for Jellyfin WebUI

Primary LanguageCSSGNU General Public License v3.0GPL-3.0

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.10/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.10/CSS/css-scyfin/disable-static-drawer.css');
  • Disable static left drawer (BACKDROP VERSION) @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.10/CSS/css-scyfin/disable-static-drawer-backdrop.css');

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.10/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.10/CSS/css-scyfin/disable-static-drawer.css');
  • Disable static left drawer (BACKDROP VERSION) @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.10/CSS/css-scyfin/disable-static-drawer-backdrop.css');