This is the sixth update to ElegantFin.
Key Changes
- Updated the icons to modern Material UI icons for a fresh look
- Updated the design of cards in My Media section on the home screen
- Updated the player OSD colors and styles to align with the overall theme (i.e., seekbar, volume HUD, playback statistics)
- Updated the music player, with noticeable improvements on phone screens
- Updated the lyrics page with smoother animations and general layout improvements
- Updated the Custom CSS code box to use a monospace font style
- Updated floating action button icons and media indicator colors based on media types (e.g., carousel, photo, folder, book, extras)
- Redesigned the login screen to match the rest of the theme
- Redesigned option menus to use alternative visual indicators instead of checkmarks for highlighting selected options
- Optimised list view layout (i.e., TV seasons, media libraries)
- Optimised the responsive layout, minimizing wasted space and misalignment across different screen sizes in the library
- Reduced card heights when using phones in landscape mode to optimize screen space
- Reduced button sizes in some dialogs for better use of screen space (i.e., Metadata Editor)
- Improved click feedback on cards (i.e., scaling down on selection)
- Improved accessibility in the TV layout by using a clearer focus state color
- Adjusted overly bright icon colors on cards to achieve a cleaner appearance
- Enabled media icons in lists on small screens in Movie and TV libraries
- Introduced an optional and experimental add-on for personalization of My Media covers
- Center-aligned the content on the Quick Connect page
- Disabled unintentional hover effects on touch devices
- Fixed an issue with rounded outlines that were not supported by apps using older CSS specifications
- Fixed a bug that caused the search bar style to break in the previous update
- Fixed issues with context menus overflowing the screen in various places
- Fixed an issue so that dialogs intended to be full-screen now properly display as such
- Fixed some overly large headings to be smaller
- Fixed a bug where the progress bar moved slightly due to variable font widths
- Fixed an issue that caused the main media title text size to be smaller than intended
- Fixed a bug causing long page titles to display in multiple lines in the header
- Made numerous other small interface enhancements that improve the overall user experience
You can view the full commit history here.
Special thanks to the following contributors for their invaluable contributions to this update:
Code Contributors: KeyboardDabbler, Stephan Renggli and many others
Bug Reporters: Wernouxe, AlessandroTischer, Tim Wilson, Victor Löfgren and many others
Known issues
- Some elements may be displayed incorrectly in some apps. 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.