https://github.com/loof2736/scyfin

Custom theme for Jellyfin WebUI
https://github.com/loof2736/scyfin

Last synced: about 2 months ago
JSON representation

Custom theme for Jellyfin WebUI

• Host: GitHub
• URL: https://github.com/loof2736/scyfin
• Owner: loof2736
• License: gpl-3.0
• Created: 2022-11-09T11:23:39.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-28T17:34:53.000Z (about 2 months ago)
• Last Synced: 2024-07-28T18:58:17.616Z (about 2 months ago)
• Language: CSS
• Size: 25.7 MB
• Stars: 179
• Watchers: 5
• Forks: 18
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


---

### **Custom CSS theme for Jellyfin with support for backdrops**

---

### [Go to installation](#installation)

---

### **Scyfin Base Theme**















### Base Theme

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

### Options (Add these below the base theme)

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

        - 

        - 

---

### **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 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"

---