MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-04 08:28:52 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity
Custom theme for Jellyfin WebUI
127 Commits 1 Branch 51 Tags 28 MiB
CSS 100%
d844bc60d3
Go to file
Jam d844bc60d3 style: 💄 Tidied up My Media section
2024-05-21 10:58:30 +01:00
CSS style: 💄 Tidied up My Media section 2024-05-21 10:58:30 +01:00
images Updated README.md 2023-12-30 15:28:24 -05:00
LICENSE Initial commit 2022-11-09 06:23:40 -05:00
README.md Update README.md 2024-05-13 21:00:07 -04:00

README.md

scyfin logo

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

Go to installation

Scyfin Complete Theme

scyfin1 scyfin2 scyfin3 scyfin4 scyfin5

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

@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.17/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.16/CSS/css-scyfin/disable-static-drawer.css');
  • Disable static left drawer (BACKDROP VERSION)
    • @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.16/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:
    • install
  • Optional - Paste the @import url for any options you want
    • Example:
    • install2
  • 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:
    • install3
  • Optional - Paste the @import url for any options you want
    • Example:
    • install4
  • Click "Save"