Skip to content

ElegantFin Theme v24.12.20 for Jellyfin
Compare
Choose a tag to compare
@lscambo13 lscambo13 released this 20 Dec 19:57
· 178 commits to main since this release
v24.12.20
518a393

This is the fourth update to ElegantFin.

Key Changes

  • Switched to the same font as used in Jellyseerr (i.e. Inter)
  • Reworked the media page layout to avoid content clipping and oversized margins
  • Themed the side navigation bar in Dashboard and options in drop-down lists
  • Section tabs in library pages should move up into the main header even on smaller resolutions
  • Some styling has been done in the Guide section of Live TV library
  • User cards on the login page and delete media warning text are now centered
  • Hover and focus states of header buttons and tabs have been themed to be consistent with other elements on desktop
  • Added a thicker outline on the selected items for improved visibility in TV layout (Settings > Display > Display Mode > TV)
  • Hover and focus states of many new buttons have been themed properly (i.e. search, add, browse and hyperlink buttons)
  • Refined the parental rating icon to be more proportional
  • Adjustments to alignments, paddings, margins and borders have been made for a more consistent design (i.e. horizontal scrolling lists, arrow icons, scroll buttons)
  • Removed a floating horizontal line seen during some loading screens
  • Fixed abnormally large cards in some library sections
  • Fixed unnecessary list wrapping in Media and Live TV library sections on smaller screens
  • Fixed some other layout quirks on phone screens
  • Fixed a rare issue where a trailing border at the bottom of media information box was visible in some episode pages
  • Fixed various inconsistencies in the TV layout to bring it in line with the desktop design
  • Numerous other little fixes and changes have been made that may be too subtle to list, but you can read the commit history here

Special thanks to @Tormak9970 for his contributions

Known issues

  • Some elements may be displayed incorrectly on Jellyfin Media Player. Read more about this issue here.

You may use the provided CSS file for self-hosting purposes. Alternatively, you may use the following code snippet to get the latest version via a free CDN.

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

For more detailed information, be sure to read the README.md file.

Contributors

Tormak9970
Assets 3
Loading