github lscambo13/ElegantFin v26.09.05
ElegantFin Theme v26.09.05 for Jellyfin

3 hours ago

This is the 15th update to ElegantFin.

Key Changes

  • Introduced a brand new Light theme, which can be enabled from Settings > Display > Theme > Light. (See #15)
  • Reworked the seekbar styling to fix several issues, including inaccurate seekbar tooltips and positions.
  • Improved support for the "Theme videos" feature. (Preview)
  • Added card snapping to horizontal scrolling lists on phones.
  • Added a hover effect to app bar tabs and buttons, and fixed the focus styling on the delete button.
  • Added sticky save button in user settings pages.
  • Added a way to show the "Ends At..." text and hide the Tomatoes rating icon on phones. (See #12)
  • Added a way to switch between IMDb and TMDB star colors. (See #14)
  • Added monospace font variant to the time text around seek bars.
  • Made some icons thicker and slightly tweaked their shadows for improved visibility.
  • Improved compatibility with the Jellyfin 12 legacy UI, fixing the credits table, clear logo position, and the music artist page.
  • Fixed an issue where the top bar buttons were not clickable on some browsers and devices.
  • Fixed the seekbar thumb not aligning with the progress level at the seekbar ends.
  • Fixed the item column gap and other overrides not being applied on phones.
  • Refactored huge chunks of code to make creating custom color themes easier. (More Info)
  • Optimised some code to improve stability and compatibility.
  • Improved compatibility with the external links added by Jellyfin Enhanced. (#296 - thanks @Macleykun)
  • Improved compatibility with the "Episodes On Series Page" feature in KefinTweaks.
  • Fixed the horizontal overflow in the "TMDB Reviews" section when using Jellyfin Enhanced.
  • Avoided adding unintended margins on the home screen sections added by KefinTweaks.

Breaking Changes

  • The app bar styles can no longer be switched using --appBarHeight. You will need to use the code block documented in the updated customisation section. (See #8.)

You can read the full commit history here.

Additional Notes

  • All the customisation instructions can be found in the README.md
  • Jellyfin Media Player and some outdated TVs are not fully supported as they may lack support for newer CSS features.
  • This is a hobby project. If it helped you, your support really means a lot.

Buy me a coffee

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.

Don't miss a new ElegantFin release

NewReleases is sending notifications on new releases.