Custom theme for Jellyfin WebUI
Go to file
2022-11-19 08:52:59 -05:00
CSS Implemented fixes from non-backdrop version 2022-11-19 08:52:59 -05:00
images Update README.md 2022-11-12 05:29:00 -05:00
LICENSE Initial commit 2022-11-09 06:23:40 -05:00
README.md Update README.md 2022-11-12 05:35:03 -05:00

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.0/CSS/css-scyfin/scyfin-theme.css');


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.0/CSS/css-scyfin/scyfin-theme-backdrop.css');


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');