scyfin/README.md
2023-12-03 04:47:40 -05:00

41 lines
1.9 KiB
Markdown

<img src="./images/scyfin-full.svg" alt="scyfin logo" width="200"/>
---
Custom CSS theme for Jellyfin (plus a backdrops supported version)
---
Scyfin Complete Theme
<img src="./images/scyfin/scyfin1.png" alt="scyfin1" width="80%"/>
<img src="./images/scyfin/scyfin2.png" alt="scyfin2" width="80%"/>
<img src="./images/scyfin/scyfin3.jpg" alt="scyfin3" width="80%"/>
<img src="./images/scyfin/scyfin4.png" alt="scyfin4" width="80%"/>
<img src="./images/scyfin/scyfin5.png" alt="scyfin5" width="80%"/>
@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
<img src="./images/scyfin/scyfin-backdrop1.jpg" alt="scyfin-backdrop1" width="80%"/>
<img src="./images/scyfin/scyfin-backdrop2.png" alt="scyfin-backdrop2" width="80%"/>
<img src="./images/scyfin/scyfin-backdrop3.jpg" alt="scyfin-backdrop3" width="80%"/>
@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');