Jellyfin Seasonals Plugin
Jellyfin Seasonals is a plugin that adds seasonal themes to your Jellyfin web interface. Depending on the configuration, it automatically selects a theme based on the current date or allows you to manually set a default theme.
This plugin is based on my manual mod (see the legacy branch), which builds up on the awesome work of BobHasNoSoul-jellyfin-mods.
Table of Contents
Features
- Automatic Theme Selection: Dynamically updates the theme based on the date (e.g., snowflakes in December, fireworks for new year's eve).
- Easy Integration: No manual file editing required. The plugin injects everything automatically.
- Configuration UI: Configure settings directly in the Jellyfin Dashboard.
- User Toggle: Optionally allow users to enable/disable seasonal effects from their client.
Overview
Click on the following themes to expand them and see the theme in action:
Ideas for additional seasonals
If you have any (specific) ideas for additional seasonals, feel free to open an issue or create a pull request.
Installation
This plugin is based on Jellyfin Version 10.11.x
To install this plugin, you will first need to add the repository in Jellyfin.
- Open your Jellyfin Dashboard.
- Navigate to Plugins > Manage Repositories.
- Click the + New Repository button to add a new repository.
- Enter a name for the repo and paste the following URL into the 'Repository URL' field:
https://raw.githubusercontent.com/CodeDevMLH/jellyfin-plugin-manifest/refs/heads/main/manifest.json
- Click Add.
- Go to the Available tab at the top.
- Find the Seasonals plugin (Under General)
- Click on it and select Install.
- Restart your Jellyfin server.
- You may need to refresh your browser page (F5 or Ctrl+R) to see the changes.
Client Compatibility
Since this plugin relies on modifying the web interface (CSS/JS injection), it only works on clients that use the web wrapper. Native clients that use their own UI rendering engine are not supported.
| Client Platform | Status | Notes |
|---|---|---|
| Web Browsers (Firefox, Chrome etc.) | ✅ | Direct JS injection |
| Jellyfin Media Player (Windows/Linux/macOS) | ✅ | Uses jellyfin web |
| Android App | ✅ | Uses a web wrapper |
| iOS App | ✅ | Uses a web wrapper |
| Android TV / Fire TV | ❌ | Not supported. Uses a native Java/Kotlin UI. |
| Roku | ❌ | Not supported. Uses a native UI. |
| Swiftfin (iOS/tvOS) | ❌ | Not supported. Uses a native Swift UI. |
| Kodi (via Jellyfin Addon) | ❌ | Not supported. Uses Kodi's native skinning engine. |
Configuration
After installation and restart:
- Go to Dashboard > Plugins > Seasonals.
- Enable Seasonals: Toggle the plugin on or off.
- Automatic Selection:
- If enabled, the plugin selects the theme based on the current date (e.g., Snow in Winter, Hearts in February). See the table below for details.
- If disabled, you can manually select a theme from the dropdown list.
- Save your settings.
- Reload your browser page (F5 or Ctrl+R) to see the changes.
Automatic Theme Selection
If automatic selection is enabled, the following themes are applied based on the date. Specific holiday events take precedence over general seasonal themes.:
| Theme | Active Period | Description |
|---|---|---|
santa |
Dec 22 – Dec 27 | Christmas theme |
fireworks |
Dec 28 – Jan 05 | New Year's celebration |
hearts |
Feb 10 – Feb 18 | Valentine's Day |
easter |
Mar 25 – Apr 25 | Easter theme |
halloween |
Oct 24 – Nov 05 | Halloween theme |
snowflakes |
December (Remainder) | General December winter theme |
snowfall |
January & February | General winter theme (outside of holidays) |
autumn |
Sep, Oct, Nov | Fall theme (when not Halloween) |
none |
All other dates | Default appearance |
Note: Holiday themes (like
santaorfireworks) override monthly seasonal themes (likesnowflakes).
Theme Settings
Each theme contains additional settings to customize its behavior. Expand the advanced configuration section to configure each theme, adjust parameters like particle count, animation speed etc.
Build the plugin by yourself
If you want to build the plugin yourself:
- Clone the repository.
- Ensure you have the .NET SDK installed (NET 8 or 9 depending on your Jellyfin version).
- Run the build command:
dotnet build Jellyfin.Plugin.Seasonals/Jellyfin.Plugin.Seasonals.csproj --configuration Release --output bin/Publish - The compiled DLL and resources will be in bin/Publish.
Troubleshooting
Effects Not Showing
-
Verify plugin installation:
- Check that the plugin appears in the jellyfin admin panel
- Ensure that the plugin is enabled and active
-
Clear browser cache:
- Force refresh browser (Ctrl+F5)
- Clear jellyfin web client cache (--> mostly you have to clear the whole browser cache)
Docker Permission Issues
If you encounter the message Access was denied when attempting to inject script into index.html. Automatic direct injection failed. Automatic direct insertion failed. The system will now attempt to use the File Transformation plugin. in the log or similar permission errors in Docker:
Option 1: Use File Transformation Plugin (Recommended)
Seasonals now automatically detects and uses the File Transformation plugin (v2.5.0.0+) if it's installed. This eliminates permission issues by transforming content at runtime without modifying files on disk.
Installation Steps:
- Install the File Transformation plugin from the Jellyfin plugin catalog
- Restart Jellyfin
- Seasonals will automatically detect and use it (no configuration needed)
- Check logs to confirm: Look for "Successfully registered transformation with File Transformation plugin"
Benefits:
- No file permission issues in Docker environments
- Works with read-only web directories
- Survives Jellyfin updates without re-injection
- No manual file modifications required
Option 2: Fix File Permissions
# Find the actual index.html location
docker exec -it jellyfin find / -name index.html
# Fix ownership (replace 'jellyfin' with your container name and adjust user:group if needed)
docker exec -it --user root jellyfin chown jellyfin:jellyfin /jellyfin/jellyfin-web/index.html
# Restart container
docker restart jellyfin
Option 3: Manual Volume Mapping
# Extract index.html from container
docker cp jellyfin:/jellyfin/jellyfin-web/index.html /path/to/jellyfin/config/index.html
# Add to docker-compose.yml volumes section:
volumes:
- /path/to/jellyfin/config/index.html:/jellyfin/jellyfin-web/index.html
Contributing
Feel free to contribute to this project by creating pull requests or reporting issues.
