GlassFin is a css Jellyfin theme built from ElegantFin by lscambo13 with improved and reactive UI elements to give the UX a more modern and interactive experience. GlassFin updates Jellyfin to be a more unified style and is available for Mobile and Desktop.
Original Creator of ElegantFin: lscambo13
- Updated and reactive elements
- Improved button animations
- Stylized hover effects and shadows
- Removed unnecassary screen bloat
- Improve the user experience
- Unifed design between Desktop and Mobile
JellyFin V10.11.3
- Media Bar by IAmParadox27
- Jellyfin Enhanced by n00bcodr
GlassFin.Mobile.mp4
GlassFin.Desktop.mp4
🖥️ Desktop
| Desktop |
|---|
 Login Page |
 Homescreen |
 Menu's |
 Movies Page |
 TV Series Page |
📱 Mobile
| Mobile |
|---|
 Login Page |
 Homescreen |
 Menu's |
 Movies Page |
 Movie Detail Page |
 Menu's |
 Active Stream |
Paste the following in Custom CSS code box:
@import url("https://cdn.jsdelivr.net/gh/KBH-Reeper/GlassFin@main/Theme/GlassFin-Theme-V01.01.css");
JellyFin Administrator/Server side | In JellyFin Version 10.11.3
- Open the Dashboard option from the side mega menu.
- From the side menu, select the Branding tab
- Copy the import URL above and paste it into the Custom CSS input box.
- Click save
Media Bar plugin
Areas highlighted in red are the style changes (red indicators will not be present when added to JellyFin)Requires Media Bar plugin to be installed: IAmParadox27
- copy and paste the following code at the end in Custom CSS box, click save. (Can require a refresh or deletion of browser cache to become available)
@import url("https://cdn.jsdelivr.net/gh/KBH-Reeper/GlassFin@main/Theme/PluginStyling/MediaBar-Plugin-latest.css");
- To undo this change, simply remove the import url related to the MediaBar.
- Jellyfin Server v10.11.3
- Google Chrome v142.x
- Jellyfin iOS App v1.7.0.8
Please use the right template when creating an report bugs or provide a suggestions.