scyfin

mirror of https://github.com/loof2736/scyfin.git synced 2025-11-02 15:48:52 +01:00

Custom theme for Jellyfin WebUI

Go to file

loof2736 43c5b44ff7 Fixed square shadow on progress bar overlay		2024-08-11 19:22:33 -04:00
CSS	Fixed square shadow on progress bar overlay	2024-08-11 19:22:33 -04:00
images	Update images	2024-06-09 19:51:16 -04:00
LICENSE	Initial commit	2022-11-09 06:23:40 -05:00
README.md	Update README	2024-06-09 19:51:56 -04:00

@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/scyfin-theme.css');

Disable static left drawer
- @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/disable-static-drawer.css');
Themes:
- Seafoam
  - @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-seafoam.css');
- Coral
  - @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-coral.css');
- Snow
  - @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-snow.css');
- OLED
  - @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-oled.css');

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 base Scyfin theme
- Example:
Optional - Paste the @import url for any options / themes you may want
- Example:
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 base Scyfin theme
- Note -
  - 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:
Optional - Paste the @import url for any options / themes you may want
- Example:
Click "Save"