MaximilianGT500/scyfin: Custom theme for Jellyfin WebUI - scyfin - Gitea | Lunoxia - Services by Maximilian Stumpf

MaximilianGT500/scyfin

mirror of https://github.com/loof2736/scyfin.git synced 2025-11-03 16:08:53 +01:00

Custom theme for Jellyfin WebUI

Go to file

loof2736 9ca2bd2cdd Updated README		2023-12-03 04:47:40 -05:00
CSS	Added option to disable static left drawer	2023-12-03 04:42:50 -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	Updated README	2023-12-03 04:47:40 -05:00

README.md

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