Skip to content

Releases: AumGupta/abyss-jellyfin

v1.2.2

Choose a tag to compare

@AumGupta AumGupta released this 10 Aug 07:52

What's Changed

  • feat: add touch swipe functionality for carousel navigation by @saif191020 in #36
  • Responsive Design Updates by @crimsonfalconer in #40
  • fix: legacy-engine CSS fallbacks for Jellyfin Media Player (Qt5) by @mpgirro in #67
  • Fix jsDelivr purge paths for styles/ overrides + two installer bugs by @shuff57 in #64
  • fix punctuation by @Rupert28 in #42
  • Add webkit fallback filters for backdrop & canvas by @crimsonfalconer in #39
  • Fix memory leak in spotlight carousel backdrop by @bertin0 in #72
  • feat: improve performance and installer reliability by @WhiteHades in #73
  • style: enhance UI/UX on mobile in e8a58ae
  • feat: add Ken Burns effect to backdrop image on Abyss spotlight in 968961e
    spotlight-ken-burn

    Notice the background slowly zooming and panning, that's Ken Burns effect. Make the bg look dynamic rather than a static one.

New Contributors

Full Changelog: 1.2.1...v1.2.2

v1.2.1

Choose a tag to compare

@github-actions github-actions released this 06 Apr 12:14

Abyss v1.2.1

Install Install

Important

Action required for existing users

Spotlight now includes a built-in update checker, but this only works after you reinstall once to get the new files onto your system.

Please re-run the installer to get this release:

  • Windows: Download abyss-setup-v1.2.1.exe below and run it
  • Linux / macOS: Download abyss-setup-v1.2.1.sh and follow the SETUP.
  • Other instances: Follow the SETUP guide.

After this one reinstall, Spotlight will notify you automatically whenever a new version is available. No more missing updates.

What's new

  • Spotlight carousel: The home banner now cycles through your Continue Watching and Next Up items automatically, with a dot indicator at the bottom. Click any dot to jump to that item. Auto-advances every 5 seconds and pauses on hover. If your queue is empty, it shows random items from your library so the banner is never blank.

    preview

  • Update notifications: Spotlight now checks for new Abyss releases on load. When a newer version is available you'll see a small notification in the bottom-right corner with a direct link to the release. Dismiss it with the × button; it won't reappear until your next session.

    notification
  • Mobile play button fix: The resume/play button now correctly finds and triggers native Jellyfin playback on mobile, fixing the issue where tapping play did nothing.

  • Home sections prompt: The installer now asks before reordering your home screen sections, since not everyone wants that changed.

  • Always-fresh files: The installer now always re-downloads the latest spotlight files on every run, so reinstalling is all you need to pick up updates.

What's Changed

  • feat: add Docker support for Jellyfin web directory detection by @Bbocks in #17
  • docs: add Docker installation instructions to setup guide by @Bbocks in #20
  • feat: multi-item carousel with auto-advance and dot indicator by @saif191020 and @AumGupta in #27
  • feat: in-spotlight update notification with dismiss and release link
  • feat: fallback to random library content when queue is empty
  • fix: mobile play/resume button triggering native Jellyfin playback
  • fix: installer always downloads latest spotlight files instead of skipping existing
  • ux: installer now prompts before reordering home screen sections
  • style: carousel transition; content slides and fades between items

New Contributors

Full Changelog: v1.2.0...v1.2.1

Manual Installation

@import url('https://cdn.jsdelivr.net/gh/AumGupta/abyss-jellyfin@main/abyss.css');

For complete installation (including home spotlight) follow the MANUAL SETUP.


Or

Simply downlaod respective one-click setup files (.sh for Linux/MacOS and .exe for Windows)

v1.2.0

Choose a tag to compare

@AumGupta AumGupta released this 26 Mar 15:56

What's Changed

  • Add Plugin specific abyss support 🚀 . Check out Plugin Support in the SETUP.md file. (Preview images attached below)
  • Add Linux installer (setup.sh) by @weedpump in #7
  • Fix #5 add support for Jellyfin Enhanced as part of abyss-je.css.
  • Fix #15 add support for Media Bar Enhanced as part of abyss-mbe.css.
  • Fix #6 media title and alignment issues (Thanks to @LoLFactor)
  • Fix #8 , overflow now clipped (Thanks to @LoLFactor)
  • Watched tick reflects click action via animation and color change partial fix #10
  • Fix #12 track selection alignment issues (Thanks to @LoLFactor)
  • Improved logic for hiding CardText on My Media section. (Thanks to @ranaldsgift)
  • Add MacOS install support via setup.sh (BETA) [Check here] (will be reflected in README.md later)

New Contributors

Full Changelog: v1.1.0...v1.2.0


Note

Previw images (Plugin specific)

The plugin overrides will be implemented as and when the specific plugin updates and iff changes are needed.

1. Jellyfin Enhanced v11.3.0.0

image

2. Media Bar Enhanced v1.9.0

image

More override files coming soon...

Try them out now via Plugin Support in the SETUP.md file.

Contributions for more plugin support styles/abyss-*.css, are much welcomed!

Enjoy Abyss!

v1.1.0

Choose a tag to compare

@AumGupta AumGupta released this 21 Mar 03:58

What's New in v1.1.0

One-Click Installer

A standalone abyss-setup-x.x.x.exe now handles everything automatically, applies the CSS, sets the dark theme, configures home screen sections, installs Spotlight, and restarts Jellyfin. No manual steps required.

Built transparently from setup.ps1 via GitHub Actions. You can read every line before running.

Spotlight Home Banner

A cinematic banner on your home screen shows your current Continue Watching item, backdrop image, metadata pills (rating, runtime, community score), and a direct resume button. Installed automatically by the setup exe.

More additions

Animations

  • Home sections now animate in with staggered fade-up entrance on load
  • Favourite (heart) button has a spring pop animation
  • Checkbox theming with accent colour
  • Selection colour and accent-color overrides applied globally

Theme Coverage Expanded

  • Search page fully styled
  • Backdrop darkened to brightness(25%) for better contrast
  • Scrollbar layout shift fixed with scrollbar-gutter: stable
  • List item hover colour flip with exceptions for rating and icon elements
  • OSD and now playing bar improvements
What's Changed - feat: standalone installer (`setup.ps1` + `abyss-setup.exe`) - feat: Spotlight home banner add-on - feat: section entrance animations - feat: heart button spring animation - feat: checkbox and selection colour theming - fix: drawer phantom scrollbar - fix: page shift on scrollbar appearance - fix: backdrop brightness - fix: scrollbar-gutter layout stability - style: search page - style: OSD and now playing bar - style: detail page and cast thumbnails - docs: landing page redesign with installer download - ci: GitHub Actions build-installer and purge-cdn workflows

Install

One-Click (Recommended)

Download abyss-setup-v1.1.0.exe below and run it.

Note

If you are on Windows. Windows SmartScreen may show a warning! It is completely normal, the setup is 100% safe.
Click Three dots icon (...) then Keep > Keep anyway. This happens because the installer is new and hasn't yet built a download reputation with Microsoft.

Why is this safe to run?

The installer (abyss-setup.exe) is automatically compiled from setup.ps1 via GitHub Actions on every release. You can read every line of setup.ps1 before running, it is plain PowerShell with no obfuscation.

The installer will ask for your Jellyfin server URL, admin username, and admin password. These are sent directly to your own local Jellyfin server using the standard Jellyfin API, the same API your browser uses when you log in. Nothing is sent to any external server. The credentials are used only to authenticate and apply theme settings, and are never stored anywhere.

The build process is fully transparent and auditable, click through to the Actions log to see exactly which commit produced the exe you downloaded.

Manual Install

If you prefer not to use the installer, paste this single line into Dashboard > Branding > Custom CSS and save:

@import url('https://cdn.jsdelivr.net/gh/AumGupta/abyss-jellyfin@main/abyss.css');

After applying, go to Settings > Home and arrange your home sections in this order: Continue Watching, Next Up, My Media, Recently Added. This is required because Abyss hides the card text of the third section (section2) to give the My Media row a clean, cover-only look.

How to override the section2 card text hiding

If you'd prefer to keep card text visible, or if you use a different section in position 3, add this after the @import line:

/* Show card text in the third home section */
.section2 .cardText {
    display: unset;
}

Or if "My Media" is in a different position, target that section instead:

/* Hide card text in section0 instead */
.section0 .cardText {
    display: none;
}

v1.0.1

Choose a tag to compare

@AumGupta AumGupta released this 18 Mar 06:31

Install

@import url('https://cdn.jsdelivr.net/gh/AumGupta/abyss-jellyfin@v1.0.1/abyss.css');

Copy and paste to Dashboard > Branding > Custom CSS Code

What's Changed

Improvements

  • Styled now playing bar: floating with rounded corners, border, and padding
  • Footer now floats with margin and rounded corners, matching the sidebar style
  • Album art in the now playing bar is now rounded
  • Slider track ends are now correctly rounded
  • Fixed track selector padding in the subtitle/audio settings panel

Bug Fixes

  • selectContainer border and focus state now themed to match the rest of the UI

Notes

  • All new styles respect --abyss-accent and --abyss-radius variables

v1.0.0

Choose a tag to compare

@AumGupta AumGupta released this 18 Mar 03:12

Initial Release

A clean, minimal dark theme for Jellyfin.

Install:

@import url('https://cdn.jsdelivr.net/gh/AumGupta/abyss-jellyfin@v1.0.0/abyss.css');