⭐ 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

✨ Key Features

Modern layouts and color tones
Same clean design across phone, desktop, and TV
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 the user experience

🖼️ Screenshots

Captured on ElegantFin v25.07.27

💻 Desktop and 📱 Mobile previews

Desktop - Homepage

Mobile - Homepage

📺 TV previews

TV - Homepage

👇 How to Install/Setup

Paste the following in the Custom CSS code box:

@import url("https://cdn.jsdelivr.net/gh/lscambo13/ElegantFin@main/Theme/ElegantFin-jellyfin-theme-build-latest-minified.css");

Detailed steps for server-side implementation

Open Dashboard from Administration tab in Settings.
Select General tab from the side bar.
Scroll down to find Custom CSS code box under Branding section.
Paste the custom CSS in Custom CSS code box.
Click save.

Detailed steps for client-side implementation

Open Display tab in Settings.
Scroll down to find Custom CSS code box.
Paste the custom CSS in Custom CSS code box.
Click save.

🧰 Customisation Options

Multiple details sections explaining custom background, card overlays, play button positions, hover effects, etc. can be added here. Each as a <details> with its own explanation and code snippets.

👌 Compatibility

Jellyfin Server v10.10.6
Jellyfin Android App v2.6.2

🛠️ Troubleshooting

Use <details> sections for FAQs like cache not clearing, visual bugs in media player, compatibility with AndroidTV/WebOS, etc.

📌 Contributing

Please read the Contributor Guidelines before opening pull requests.