ElegantFin

A Jellyfin theme inspired from Jellyseerr. This theme improves the overall look and experience with various little fixes to the UI/UX.

Generate Convert Improve

Install / Use

npx skills add lscambo13/ElegantFin

Installs into whichever agent you are using.

About this skill

Quality Score

0/100

README

<img src="Theme/assets/img/banner.png?raw=true" alt="ElegantFin Theme for Jellyfin - Banner"> <div align="center"> <a href="https://www.jsdelivr.com/package/gh/lscambo13/ElegantFin"> <img src="https://img.shields.io/jsdelivr/gh/hm/lscambo13/ElegantFin?style=flat&logo=jsdelivr&logoColor=%23f65e34&label=jsDelivr%20Hits&labelColor=white&color=%23f65e34" alt="jsDelivr Requests" /> </a> <br> <a href="https://github.com/lscambo13/ElegantFin/stargazers"> <img src="https://img.shields.io/github/stars/lscambo13/ElegantFin?style=flat&logo=github&logoColor=%231f2328&label=GitHub%20Stars&labelColor=white&color=%231f2328" alt="GitHub Repo stars" /> </a> </div>

⭐ ElegantFin Theme

This is a Jellyfin theme inspired from Jellyseerr to improve the overall look and experience with various fixes to the UI/UX. It gives Jellyfin a fresh, modern look, and it aims to work on mobile, desktop, and TV, with just one import.

Author: lscambo13

<hr>

✨ Key Features

modern layouts and color tones
new and improved animations on most elements
rounded corners and even spacing everywhere
stylish borders, hover effects and shadows
neat layout that puts important stuff up front
reduced unnecessary clutter
various fixes to improve the user experience
same clean design across phone, desktop, and TV

<hr>

🖼️ Theme Showcase

Captured on ElegantFin v25.08.02

<details> <summary> 💻 <i>Desktop and </i>📱 <i>Mobile Screenshots</i></summary>

| Desktop | Mobile | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------- | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/21.%20Login%20Page.webp?raw=true"><br><strong>Login Page</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/1.%20Homepage.webp?raw=true"><br><strong>Homepage</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/2.%20Movies%20Library.webp?raw=true"><br><strong>Movies Library</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/4.%20Movie%20Page.webp?raw=true"><br><strong>Movie Page</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/12.%20Movie%20Details.webp?raw=true"><br><strong>Movie Details</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/11.%20TV%20Show%20Page.webp?raw=true"><br><strong>TV Show Page</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/18.%20TV%20Episode%20Page.webp?raw=true"><br><strong>TV Episode Page</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/16.%20TV%20Show%20Seasons.webp?raw=true"><br><strong>TV Show Seasons</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/9.%20Web%20Player.webp?raw=true"><br><strong>Web Player</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/17.%20Cast%20Page.webp?raw=true"><br><strong>Cast Page</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/14.%20Artist%20Page.webp?raw=true"><br><strong>Artist Page</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/15.%20Music%20Player.webp?raw=true"><br><strong>Music Player</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/13.%20Book%20Page.webp?raw=true"><br><strong>Book Page</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/3.%20Sidebar.webp?raw=true"><br><strong>Sidebar</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/5.%20Extra%20Dialog.webp?raw=true"><br><strong>Extra Dialog</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/6.%20Settings%20Page.webp?raw=true"><br><strong>Settings Page</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/7.%20Metadata%20Menu.webp?raw=true"><br><strong>Metadata Menu</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/8.%20Dashboard%20Settings.webp?raw=true"><br><strong>Dashboard Settings</strong></div><div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/19.%20Live%20TV%20Page.webp?raw=true"><br><strong>Live TV Page</strong></div> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/desktop/20.%20Live%20TV%20Guide.webp?raw=true"><br><strong>Live TV Guide</strong></div> | ---------------- | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/21.%20Login%20Page.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/1.%20Homepage.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/2.%20Movies%20Library.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/4.%20Movie%20Page.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/12.%20Movie%20Details.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/11.%20TV%20Show%20Page.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/18.%20TV%20Episode%20Page.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/16.%20TV%20Show%20Seasons.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/9.%20Web%20Player.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/17.%20Cast%20Page.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/14.%20Artist%20Page.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/15.%20Music%20Player.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/13.%20Book%20Page.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/3.%20Sidebar.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/5.%20Extra%20Dialog.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/6.%20Settings%20Page.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/7.%20Metadata%20Menu.webp?raw=true"></div> | --> | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/8.%20Dashboard%20Settings.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/19.%20Live%20TV%20Page.webp?raw=true"></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/mobile/20.%20Live%20TV%20Guide.webp?raw=true"></div> |

</details> <details> <summary> 📺 <i>TV Screenshots</i></summary>

| TV View | | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/21.%20Login%20Page.webp?raw=true"><br><strong>Login Page</strong></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/1.%20Homepage.webp?raw=true"><br><strong>Homepage</strong></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/2.%20Movies%20Library.webp?raw=true"><br><strong>Movies Library</strong></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/4.%20Movie%20Page.webp?raw=true"><br><strong>Movie Page</strong></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/5.%20Extra%20Dialog.webp?raw=true"><br><strong>Extra Dialog</strong></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/6.%20Settings%20Page.webp?raw=true"><br><strong>Settings Page</strong></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/9.%20Web%20Player.webp?raw=true"><br><strong>Web Player</strong></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/11.%20TV%20Show%20Page.webp?raw=true"><br><strong>TV Show Page</strong></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/12.%20Movie%20Details.webp?raw=true"><br><strong>Movie Details</strong></div> | | <div align="center"><img src="Previews/previews-v25.08.02/optimized/tv/13.%20Book%20Page.webp?raw=true"><br><strong>Book Page</strong></div> | | <div align="center"><im