From 72ad4ee1a4a140d29ebd5760f13e87fe5ce38d28 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Fri, 27 Feb 2026 04:25:53 +0100
Subject: [PATCH] Add option to enable different symbol durations for spooky
 theme; fix casing in snowstorm config

---
 .../Configuration/PluginConfiguration.cs      |   1 +
 .../Configuration/configPage.html             | 432 +++++++++---------
 Jellyfin.Plugin.Seasonals/Web/snowstorm.js    |   2 +-
 3 files changed, 208 insertions(+), 227 deletions(-)

diff --git a/Jellyfin.Plugin.Seasonals/Configuration/PluginConfiguration.cs b/Jellyfin.Plugin.Seasonals/Configuration/PluginConfiguration.cs
index 0c021ee..8aa94f4 100644
--- a/Jellyfin.Plugin.Seasonals/Configuration/PluginConfiguration.cs
+++ b/Jellyfin.Plugin.Seasonals/Configuration/PluginConfiguration.cs
@@ -375,6 +375,7 @@ public class SpookyOptions
 {
     public bool EnableSpooky { get; set; } = true;
     public int SymbolCount { get; set; } = 25;
+    public bool EnableDifferentDuration { get; set; } = true;
     public bool EnableSpookySway { get; set; } = true;
     public int SpookySize { get; set; } = 20;
     public int SpookyGlowSize { get; set; } = 2;
diff --git a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
index 7a1031d..8b2fb36 100644
--- a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
+++ b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
@@ -388,6 +388,12 @@
                                 <input is="emby-input" type="number" id="SpookySize" name="SpookySize" />
                                 <div class="fieldDescription">Size of the floating symbols in pixels (default 30).</div>
                             </div>
+                            <div class="checkboxContainer">
+                                <label class="emby-checkbox-label">
+                                    <input id="EnableDifferentDurationSpooky" name="EnableDifferentDurationSpooky" type="checkbox" is="emby-checkbox" />
+                                    <span>Enable Different Symbol Durations</span>
+                                </label>
+                            </div>
                             <div class="checkboxContainer">
                                 <label class="emby-checkbox-label">
                                     <input id="EnableSpookySway" name="EnableSpookySway" type="checkbox" is="emby-checkbox" />
@@ -1779,6 +1785,7 @@
 
                         // Advanced Config
                         // Autumn
+
                         document.querySelector('#EnableAutumn').checked = config.Autumn.EnableAutumn;
                         document.querySelector('#AutumnLeafCount').value = config.Autumn.LeafCount;
                         document.querySelector('#EnableRandomLeaves').checked = config.Autumn.EnableRandomLeaves;
@@ -1786,152 +1793,49 @@
                         document.querySelector('#EnableDifferentDurationAutumn').checked = config.Autumn.EnableDifferentDuration;
                         document.querySelector('#EnableRotation').checked = config.Autumn.EnableRotation;
 
-                        // Snowflakes
-                        document.querySelector('#SnowflakesCount').value = config.Snowflakes.SnowflakeCount;
-                        document.querySelector('#EnableSnowflakes').checked = config.Snowflakes.EnableSnowflakes;
-                        document.querySelector('#EnableRandomSnowflakes').checked = config.Snowflakes.EnableRandomSnowflakes;
-                        document.querySelector('#EnableRandomSnowflakesMobile').checked = config.Snowflakes.EnableRandomSnowflakesMobile;
-                        document.querySelector('#EnableColoredSnowflakes').checked = config.Snowflakes.EnableColoredSnowflakes;
-                        document.querySelector('#EnableDifferentDurationSnowflakes').checked = config.Snowflakes.EnableDifferentDuration;
-
-                        // Snowfall
-                        document.querySelector('#EnableSnowfall').checked = config.Snowfall.EnableSnowfall;
-                        document.querySelector('#SnowfallCount').value = config.Snowfall.SnowflakesCount;
-                        document.querySelector('#SnowfallCountMobile').value = config.Snowfall.SnowflakesCountMobile;
-                        document.querySelector('#SnowfallSpeed').value = config.Snowfall.Speed;
-
-                        // Snowstorm
-                        document.querySelector('#EnableSnowstorm').checked = config.Snowstorm.EnableSnowstorm;
-                        document.querySelector('#SnowstormCount').value = config.Snowstorm.SnowflakesCount;
-                        document.querySelector('#SnowstormCountMobile').value = config.Snowstorm.SnowflakesCountMobile;
-                        document.querySelector('#SnowstormSpeed').value = config.Snowstorm.Speed;
-                        document.querySelector('#SnowstormHorizontalWind').value = config.Snowstorm.HorizontalWind;
-                        document.querySelector('#SnowstormVerticalVariation').value = config.Snowstorm.VerticalVariation;
-
-                        // Fireworks
-                        document.querySelector('#EnableFireworks').checked = config.Fireworks.EnableFireworks;
-                        document.querySelector('#FireworksParticles').value = config.Fireworks.ParticleCount;
-                        document.querySelector('#FireworksInterval').value = config.Fireworks.LaunchInterval;
-                        document.querySelector('#ScrollFireworks').checked = config.Fireworks.ScrollFireworks;
-                        document.querySelector('#MinFireworks').value = config.Fireworks.MinFireworks;
-                        document.querySelector('#MaxFireworks').value = config.Fireworks.MaxFireworks;
-
-                        // Eid
-                        document.querySelector('#EidSymbolCount').value = config.Eid.SymbolCount || 25;
-
-                        // Spooky Theme
-                        document.querySelector('#SpookyCount').value = config.Spooky.SymbolCount || 25;
-
-                        // Sports
-                        document.querySelector('#EnableSports').checked = config.Sports.EnableSports || false;
-                        document.querySelector('#EnableRandomSymbolsSports').checked = config.Sports.EnableRandomSymbols || false;
-                        document.querySelector('#EnableRandomSymbolsMobileSports').checked = config.Sports.EnableRandomSymbolsMobile || false;
-                        document.querySelector('#EnableDifferentDurationSports').checked = config.Sports.EnableDifferentDuration || false;
-                        document.querySelector('#SportsSymbolCount').value = config.Sports.SymbolCount || 25;
-
-                        // Olympia
-                        document.querySelector('#EnableOlympia').checked = config.Olympia.EnableOlympia || false;
-                        document.querySelector('#EnableRandomSymbolsOlympia').checked = config.Olympia.EnableRandomSymbols || false;
-                        document.querySelector('#EnableRandomSymbolsMobileOlympia').checked = config.Olympia.EnableRandomSymbolsMobile || false;
-                        document.querySelector('#EnableDifferentDurationOlympia').checked = config.Olympia.EnableDifferentDuration || false;
-                        document.querySelector('#OlympiaSymbolCount').value = config.Olympia.SymbolCount || 25;
-
-                        // Space
-                        document.querySelector('#EnableSpace').checked = config.Space.EnableSpace || false;
-                        document.querySelector('#EnableRandomSymbolsSpace').checked = config.Space.EnableRandomSymbols || false;
-                        document.querySelector('#EnableRandomSymbolsMobileSpace').checked = config.Space.EnableRandomSymbolsMobile || false;
-                        document.querySelector('#EnableDifferentDurationSpace').checked = config.Space.EnableDifferentDuration || false;
-                        document.querySelector('#PlanetCount').value = config.Space.PlanetCount !== undefined ? config.Space.PlanetCount : 12;
-                        document.querySelector('#AstronautCount').value = config.Space.AstronautCount !== undefined ? config.Space.AstronautCount : 5;
-                        document.querySelector('#SatelliteCount').value = config.Space.SatelliteCount !== undefined ? config.Space.SatelliteCount : 2;
-                        document.querySelector('#IssCount').value = config.Space.IssCount !== undefined ? config.Space.IssCount : 1;
-                        document.querySelector('#RocketCount').value = config.Space.RocketCount !== undefined ? config.Space.RocketCount : 1;
-
-                        // Underwater
-                        document.querySelector('#EnableUnderwater').checked = config.Underwater.EnableUnderwater || false;
-                        document.querySelector('#EnableRandomSymbolsUnderwater').checked = config.Underwater.EnableRandomSymbols || false;
-                        document.querySelector('#EnableRandomSymbolsMobileUnderwater').checked = config.Underwater.EnableRandomSymbolsMobile || false;
-                        document.querySelector('#EnableDifferentDurationUnderwater').checked = config.Underwater.EnableDifferentDuration || false;
-                        document.querySelector('#UnderwaterSeaweedCount').value = config.Underwater.SeaweedCount !== undefined ? config.Underwater.SeaweedCount : 30;
-                        document.querySelector('#UnderwaterFishCount').value = config.Underwater.FishCount !== undefined ? config.Underwater.FishCount : 15;
-                        document.querySelector('#UnderwaterSeahorseCount').value = config.Underwater.SeahorseCount !== undefined ? config.Underwater.SeahorseCount : 3;
-                        document.querySelector('#UnderwaterJellyfishCount').value = config.Underwater.JellyfishCount !== undefined ? config.Underwater.JellyfishCount : 3;
-                        document.querySelector('#UnderwaterTurtleCount').value = config.Underwater.TurtleCount !== undefined ? config.Underwater.TurtleCount : 1;
-                        document.querySelector('#UnderwaterCrabCount').value = config.Underwater.CrabCount !== undefined ? config.Underwater.CrabCount : 2;
-                        document.querySelector('#UnderwaterStarfishCount').value = config.Underwater.StarfishCount !== undefined ? config.Underwater.StarfishCount : 2;
-                        document.querySelector('#UnderwaterShellCount').value = config.Underwater.ShellCount !== undefined ? config.Underwater.ShellCount : 2;
-
                         // Birthday
-                        document.querySelector('#EnableBirthday').checked = config.Birthday.EnableBirthday || false;
+
+                        document.querySelector('#EnableBirthday').checked = config.Birthday.EnableBirthday !== false;
                         document.querySelector('#EnableGarland').checked = config.Birthday.EnableGarland !== false;
-                        document.querySelector('#EnableRandomSymbolsBirthday').checked = config.Birthday.EnableRandomSymbols || false;
-                        document.querySelector('#EnableRandomSymbolsMobileBirthday').checked = config.Birthday.EnableRandomSymbolsMobile || false;
-                        document.querySelector('#EnableDifferentDurationBirthday').checked = config.Birthday.EnableDifferentDuration || false;
+                        document.querySelector('#EnableRandomSymbolsBirthday').checked = config.Birthday.EnableRandomSymbols !== false;
+                        document.querySelector('#EnableRandomSymbolsMobileBirthday').checked = config.Birthday.EnableRandomSymbolsMobile === true;
+                        document.querySelector('#EnableDifferentDurationBirthday').checked = config.Birthday.EnableDifferentDuration !== false;
                         document.querySelector('#BirthdaySymbolCount').value = config.Birthday.SymbolCount || 25;
                         document.querySelector('#BirthdayConfettiCount').value = config.Birthday.ConfettiCount || 60;
+                        config.Birthday = config.Birthday || {};
 
-                        // Sports
-                        if (!config.Sports) config.Sports = { EnableSports: true, SymbolCount: 25, EnableRandomSymbols: true, EnableRandomSymbolsMobile: false, EnableDifferentDuration: true };
-                        document.querySelector('#EnableSports').checked = config.Sports.EnableSports !== false;
-                        document.querySelector('#EnableRandomSymbolsSports').checked = config.Sports.EnableRandomSymbols !== false;
-                        document.querySelector('#EnableRandomSymbolsMobileSports').checked = config.Sports.EnableRandomSymbolsMobile === true;
-                        document.querySelector('#EnableDifferentDurationSports').checked = config.Sports.EnableDifferentDuration !== false;
-                        document.querySelector('#SportsSymbolCount').value = config.Sports.SymbolCount || 25;
-                        document.querySelector('#TurfColor').value = config.Sports.TurfColor || '#228b22';
-                        document.querySelector('#EnableTrophy').checked = config.Sports.EnableTrophy !== false;
-                        
-                        // Load Checkboxes
-                        const savedBallsString = config.Sports.SportsBalls || 'football,basketball,tennis,volleyball';
-                        const savedBalls = savedBallsString.split(',');
-                        document.querySelectorAll('.sport-ball-cb').forEach(cb => {
-                            // Support for both new category string and legacy filename strings
-                            cb.checked = savedBalls.some(b => b === cb.value || b.startsWith(cb.value + '_'));
-                        });
+                        // Carnival
 
-                        // Olympia
-                        if (!config.Olympia) config.Olympia = { EnableOlympia: true, SymbolCount: 25, EnableRandomSymbols: true, EnableRandomSymbolsMobile: false, EnableDifferentDuration: true };
-                        document.querySelector('#EnableOlympia').checked = config.Olympia.EnableOlympia !== false;
-                        document.querySelector('#EnableRandomSymbolsOlympia').checked = config.Olympia.EnableRandomSymbols !== false;
-                        document.querySelector('#EnableRandomSymbolsMobileOlympia').checked = config.Olympia.EnableRandomSymbolsMobile === true;
-                        document.querySelector('#EnableDifferentDurationOlympia').checked = config.Olympia.EnableDifferentDuration !== false;
-                        document.querySelector('#OlympiaSymbolCount').value = config.Olympia.SymbolCount || 25;
+                        document.querySelector('#EnableCarnival').checked = config.Carnival.EnableCarnival;
+                        document.querySelector('#EnableCarnivalSway').checked = config.Carnival.EnableCarnivalSway !== undefined ? config.Carnival.EnableCarnivalSway : true;
+                        document.querySelector('#CarnivalObjectCount').value = config.Carnival.ObjectCount;
+                        document.querySelector('#EnableRandomCarnival').checked = config.Carnival.EnableRandomCarnival;
+                        document.querySelector('#EnableRandomCarnivalMobile').checked = config.Carnival.EnableRandomCarnivalMobile;
+                        document.querySelector('#EnableDifferentDurationCarnival').checked = config.Carnival.EnableDifferentDuration;
 
-                        // Halloween
-                        document.querySelector('#EnableHalloween').checked = config.Halloween.EnableHalloween;
-                        document.querySelector('#HalloweenCount').value = config.Halloween.SymbolCount;
-                        document.querySelector('#EnableRandomHalloween').checked = config.Halloween.EnableRandomSymbols;
-                        document.querySelector('#EnableRandomHalloweenMobile').checked = config.Halloween.EnableRandomSymbolsMobile;
-                        document.querySelector('#EnableDifferentDurationHalloween').checked = config.Halloween.EnableDifferentDuration;
-                        document.querySelector('#EnableSpiders').checked = config.Halloween.EnableSpiders !== undefined ? config.Halloween.EnableSpiders : true;
-                        document.querySelector('#EnableMice').checked = config.Halloween.EnableMice !== undefined ? config.Halloween.EnableMice : true;
+                        // CherryBlossom
 
-                        // Hearts
-                        document.querySelector('#EnableHearts').checked = config.Hearts.EnableHearts;
-                        document.querySelector('#HeartsCount').value = config.Hearts.SymbolCount;
-                        document.querySelector('#EnableRandomHearts').checked = config.Hearts.EnableRandomSymbols;
-                        document.querySelector('#EnableRandomHeartsMobile').checked = config.Hearts.EnableRandomSymbolsMobile;
-                        document.querySelector('#EnableDifferentDurationHearts').checked = config.Hearts.EnableDifferentDuration;
+                        document.querySelector('#EnableCherryBlossom').checked = config.CherryBlossom.EnableCherryBlossom;
+                        document.querySelector('#CherryBlossomPetalCount').value = config.CherryBlossom.PetalCount;
+                        document.querySelector('#EnableRandomCherryBlossom').checked = config.CherryBlossom.EnableRandomCherryBlossom;
+                        document.querySelector('#EnableRandomCherryBlossomMobile').checked = config.CherryBlossom.EnableRandomCherryBlossomMobile;
+                        document.querySelector('#EnableDifferentDurationCherryBlossom').checked = config.CherryBlossom.EnableDifferentDuration;
 
                         // Christmas
+
                         document.querySelector('#EnableChristmas').checked = config.Christmas.EnableChristmas;
                         document.querySelector('#ChristmasCount').value = config.Christmas.SymbolCount;
                         document.querySelector('#EnableRandomChristmas').checked = config.Christmas.EnableRandomChristmas;
                         document.querySelector('#EnableRandomChristmasMobile').checked = config.Christmas.EnableRandomChristmasMobile;
                         document.querySelector('#EnableDifferentDurationChristmas').checked = config.Christmas.EnableDifferentDuration;
 
-                        // Santa
-                        document.querySelector('#EnableSanta').checked = config.Santa.EnableSanta;
-                        document.querySelector('#SantaSnowflakes').value = config.Santa.SnowflakesCount;
-                        document.querySelector('#SantaSnowflakesMobile').value = config.Santa.SnowflakesCountMobile;
-                        document.querySelector('#SantaSpeed').value = config.Santa.SantaSpeed;
-                        document.querySelector('#SantaSpeedMobile').value = config.Santa.SantaSpeedMobile;
-                        document.querySelector('#SantaSnowFallSpeed').value = config.Santa.SnowFallSpeed;
-                        document.querySelector('#MaxSantaRestTime').value = config.Santa.MaxSantaRestTime;
-                        document.querySelector('#MinSantaRestTime').value = config.Santa.MinSantaRestTime;
-                        document.querySelector('#MaxPresentFallSpeed').value = config.Santa.MaxPresentFallSpeed;
-                        document.querySelector('#MinPresentFallSpeed').value = config.Santa.MinPresentFallSpeed;
+                        // EarthDay
+
+                        document.querySelector('#EnableEarthDay').checked = config.EarthDay.EnableEarthDay;
+                        document.querySelector('#EarthDayVineCount').value = config.EarthDay.VineCount;
 
                         // Easter
+
                         document.querySelector('#EnableEaster').checked = config.Easter.EnableEaster;
                         document.querySelector('#EasterEggCount').value = config.Easter.EggCount;
                         document.querySelector('#EnableRandomEaster').checked = config.Easter.EnableRandomEaster;
@@ -1943,14 +1847,163 @@
                         document.querySelector('#MinBunnyRestTime').value = config.Easter.MinBunnyRestTime;
                         document.querySelector('#MaxBunnyRestTime').value = config.Easter.MaxBunnyRestTime;
 
+                        // Eurovision
+
+                        document.querySelector('#EnableEurovision').checked = config.Eurovision.EnableEurovision;
+                        document.querySelector('#EurovisionSymbolCount').value = config.Eurovision.SymbolCount;
+                        document.querySelector('#EnableRandomEurovision').checked = config.Eurovision.EnableRandomEurovision;
+                        document.querySelector('#EnableRandomEurovisionMobile').checked = config.Eurovision.EnableRandomEurovisionMobile;
+                        document.querySelector('#EnableDifferentDurationEurovision').checked = config.Eurovision.EnableDifferentDuration;
+                        document.querySelector('#EnableColorfulNotes').checked = config.Eurovision.EnableColorfulNotes;
+                        document.querySelector('#EurovisionColors').value = config.Eurovision.EurovisionColors;
+                        document.querySelector('#EurovisionGlowSize').value = config.Eurovision.EurovisionGlowSize;
+
+                        // Fireworks
+
+                        document.querySelector('#EnableFireworks').checked = config.Fireworks.EnableFireworks;
+                        document.querySelector('#FireworksParticles').value = config.Fireworks.ParticleCount;
+                        document.querySelector('#FireworksInterval').value = config.Fireworks.LaunchInterval;
+                        document.querySelector('#ScrollFireworks').checked = config.Fireworks.ScrollFireworks;
+                        document.querySelector('#MinFireworks').value = config.Fireworks.MinFireworks;
+                        document.querySelector('#MaxFireworks').value = config.Fireworks.MaxFireworks;
+
+                        // Halloween
+
+                        document.querySelector('#EnableHalloween').checked = config.Halloween.EnableHalloween;
+                        document.querySelector('#HalloweenCount').value = config.Halloween.SymbolCount;
+                        document.querySelector('#EnableRandomHalloween').checked = config.Halloween.EnableRandomSymbols;
+                        document.querySelector('#EnableRandomHalloweenMobile').checked = config.Halloween.EnableRandomSymbolsMobile;
+                        document.querySelector('#EnableDifferentDurationHalloween').checked = config.Halloween.EnableDifferentDuration;
+                        document.querySelector('#EnableSpiders').checked = config.Halloween.EnableSpiders !== undefined ? config.Halloween.EnableSpiders : true;
+                        document.querySelector('#EnableMice').checked = config.Halloween.EnableMice !== undefined ? config.Halloween.EnableMice : true;
+
+                        // Hearts
+
+                        document.querySelector('#EnableHearts').checked = config.Hearts.EnableHearts;
+                        document.querySelector('#HeartsCount').value = config.Hearts.SymbolCount;
+                        document.querySelector('#EnableRandomHearts').checked = config.Hearts.EnableRandomSymbols;
+                        document.querySelector('#EnableRandomHeartsMobile').checked = config.Hearts.EnableRandomSymbolsMobile;
+                        document.querySelector('#EnableDifferentDurationHearts').checked = config.Hearts.EnableDifferentDuration;
+
+                        // Matrix
+
+                        document.querySelector('#EnableMatrix').checked = config.Matrix.EnableMatrix;
+                        document.querySelector('#MatrixSymbolCount').value = config.Matrix.SymbolCount;
+                        document.querySelector('#MatrixChars').value = config.Matrix.MatrixChars !== undefined ? config.Matrix.MatrixChars : '0123456789';
+                        document.querySelector('#EnableRandomMatrix').checked = config.Matrix.EnableRandomMatrix;
+                        document.querySelector('#EnableRandomMatrixMobile').checked = config.Matrix.EnableRandomMatrixMobile;
+                        document.querySelector('#EnableDifferentDurationMatrix').checked = config.Matrix.EnableDifferentDuration;
+                        document.querySelector('#EnableMatrixBackground').checked = config.Matrix.EnableMatrixBackground !== undefined ? config.Matrix.EnableMatrixBackground : false;
+
+                        // Olympia
+
+                        if (!config.Olympia) config.Olympia = { EnableOlympia: true, SymbolCount: 25, EnableRandomSymbols: true, EnableRandomSymbolsMobile: false, EnableDifferentDuration: true };
+
+                        document.querySelector('#EnableOlympia').checked = config.Olympia.EnableOlympia !== false;
+                        document.querySelector('#EnableRandomSymbolsOlympia').checked = config.Olympia.EnableRandomSymbols !== false;
+                        document.querySelector('#EnableRandomSymbolsMobileOlympia').checked = config.Olympia.EnableRandomSymbolsMobile === true;
+                        document.querySelector('#EnableDifferentDurationOlympia').checked = config.Olympia.EnableDifferentDuration !== false;
+                        document.querySelector('#OlympiaSymbolCount').value = config.Olympia.SymbolCount || 25;
+
+                        // Pride
+
+                        document.querySelector('#EnablePride').checked = config.Pride.EnablePride;
+                        document.querySelector('#PrideHeartCount').value = config.Pride.HeartCount;
+                        document.querySelector('#PrideHeartSize').value = config.Pride.HeartSize;
+                        document.querySelector('#PrideColorHeader').checked = config.Pride.ColorHeader;
+
+                        // Rain
+
+                        document.querySelector('#EnableRain').checked = config.Rain.EnableRain;
+                        document.querySelector('#RaindropCount').value = config.Rain.RaindropCount;
+                        document.querySelector('#RaindropCountMobile').value = config.Rain.RaindropCountMobile;
+                        document.querySelector('#RainSpeed').value = config.Rain.RainSpeed;
+
                         // Resurrection
+
                         document.querySelector('#EnableResurrection').checked = config.Resurrection.EnableResurrection;
                         document.querySelector('#ResurrectionSymbolCount').value = config.Resurrection.SymbolCount;
                         document.querySelector('#EnableRandomResurrection').checked = config.Resurrection.EnableRandomSymbols;
                         document.querySelector('#EnableRandomResurrectionMobile').checked = config.Resurrection.EnableRandomSymbolsMobile;
                         document.querySelector('#EnableDifferentDurationResurrection').checked = config.Resurrection.EnableDifferentDuration;
 
+                        // Santa
+
+                        document.querySelector('#EnableSanta').checked = config.Santa.EnableSanta;
+                        document.querySelector('#SantaSnowflakes').value = config.Santa.SnowflakesCount;
+                        document.querySelector('#SantaSnowflakesMobile').value = config.Santa.SnowflakesCountMobile;
+                        document.querySelector('#SantaSpeed').value = config.Santa.SantaSpeed;
+                        document.querySelector('#SantaSpeedMobile').value = config.Santa.SantaSpeedMobile;
+                        document.querySelector('#SantaSnowFallSpeed').value = config.Santa.SnowFallSpeed;
+                        document.querySelector('#MaxSantaRestTime').value = config.Santa.MaxSantaRestTime;
+                        document.querySelector('#MinSantaRestTime').value = config.Santa.MinSantaRestTime;
+                        document.querySelector('#MaxPresentFallSpeed').value = config.Santa.MaxPresentFallSpeed;
+                        document.querySelector('#MinPresentFallSpeed').value = config.Santa.MinPresentFallSpeed;
+
+                        // Snowfall
+
+                        document.querySelector('#EnableSnowfall').checked = config.Snowfall.EnableSnowfall;
+                        document.querySelector('#SnowfallCount').value = config.Snowfall.SnowflakesCount;
+                        document.querySelector('#SnowfallCountMobile').value = config.Snowfall.SnowflakesCountMobile;
+                        document.querySelector('#SnowfallSpeed').value = config.Snowfall.Speed;
+
+                        // Snowflakes
+
+                        document.querySelector('#SnowflakesCount').value = config.Snowflakes.SnowflakeCount;
+                        document.querySelector('#EnableSnowflakes').checked = config.Snowflakes.EnableSnowflakes;
+                        document.querySelector('#EnableRandomSnowflakes').checked = config.Snowflakes.EnableRandomSnowflakes;
+                        document.querySelector('#EnableRandomSnowflakesMobile').checked = config.Snowflakes.EnableRandomSnowflakesMobile;
+                        document.querySelector('#EnableColoredSnowflakes').checked = config.Snowflakes.EnableColoredSnowflakes;
+                        document.querySelector('#EnableDifferentDurationSnowflakes').checked = config.Snowflakes.EnableDifferentDuration;
+
+                        // Snowstorm
+
+                        document.querySelector('#EnableSnowstorm').checked = config.Snowstorm.EnableSnowstorm;
+                        document.querySelector('#SnowstormCount').value = config.Snowstorm.SnowflakesCount;
+                        document.querySelector('#SnowstormCountMobile').value = config.Snowstorm.SnowflakesCountMobile;
+                        document.querySelector('#SnowstormSpeed').value = config.Snowstorm.Speed;
+                        document.querySelector('#SnowstormHorizontalWind').value = config.Snowstorm.HorizontalWind;
+                        document.querySelector('#SnowstormVerticalVariation').value = config.Snowstorm.VerticalVariation;
+
+                        // Space
+
+                        document.querySelector('#EnableSpace').checked = config.Space.EnableSpace || false;
+                        document.querySelector('#EnableRandomSymbolsSpace').checked = config.Space.EnableRandomSymbols || false;
+                        document.querySelector('#EnableRandomSymbolsMobileSpace').checked = config.Space.EnableRandomSymbolsMobile || false;
+                        document.querySelector('#EnableDifferentDurationSpace').checked = config.Space.EnableDifferentDuration || false;
+                        document.querySelector('#PlanetCount').value = config.Space.PlanetCount !== undefined ? config.Space.PlanetCount : 12;
+                        document.querySelector('#AstronautCount').value = config.Space.AstronautCount !== undefined ? config.Space.AstronautCount : 5;
+                        document.querySelector('#SatelliteCount').value = config.Space.SatelliteCount !== undefined ? config.Space.SatelliteCount : 2;
+                        document.querySelector('#IssCount').value = config.Space.IssCount !== undefined ? config.Space.IssCount : 1;
+                        document.querySelector('#RocketCount').value = config.Space.RocketCount !== undefined ? config.Space.RocketCount : 1;
+
+                        // Spooky
+
+                        document.querySelector('#SpookyCount').value = config.Spooky.SymbolCount !== undefined ? config.Spooky.SymbolCount : 25;
+                        document.querySelector('#EnableSpooky').checked = config.Spooky.EnableSpooky !== undefined ? config.Spooky.EnableSpooky : true;
+                        document.querySelector('#SpookySize').value = config.Spooky.SpookySize !== undefined ? config.Spooky.SpookySize : 30;
+                        document.querySelector('#EnableSpookySway').checked = config.Spooky.EnableSpookySway !== undefined ? config.Spooky.EnableSpookySway : true;
+                        document.querySelector('#SpookyGlowSize').value = config.Spooky.SpookyGlowSize !== undefined ? config.Spooky.SpookyGlowSize : 5;
+                        document.querySelector('#EnableDifferentDurationSpooky').checked = config.Spooky.EnableDifferentDuration !== false;
+
+                        // Sports
+
+                        if (!config.Sports) config.Sports = { EnableSports: true, SymbolCount: 25, EnableRandomSymbols: true, EnableRandomSymbolsMobile: false, EnableDifferentDuration: true };
+                        
+                        // Load Checkboxes
+                        const savedBallsString = config.Sports.SportsBalls || 'football,basketball,tennis,volleyball';
+                        const savedBalls = savedBallsString.split(',');
+                        document.querySelector('#EnableSports').checked = config.Sports.EnableSports !== false;
+                        document.querySelector('#EnableRandomSymbolsSports').checked = config.Sports.EnableRandomSymbols !== false;
+                        document.querySelector('#EnableRandomSymbolsMobileSports').checked = config.Sports.EnableRandomSymbolsMobile === true;
+                        document.querySelector('#EnableDifferentDurationSports').checked = config.Sports.EnableDifferentDuration !== false;
+                        document.querySelector('#SportsSymbolCount').value = config.Sports.SymbolCount || 25;
+                        document.querySelector('#TurfColor').value = config.Sports.TurfColor || '#228b22';
+                        document.querySelector('#EnableTrophy').checked = config.Sports.EnableTrophy !== false;
+                        document.querySelectorAll('.sport-ball-cb').forEach(cb => {
+
                         // Spring
+
                         document.querySelector('#EnableSpring').checked = config.Spring.EnableSpring;
                         document.querySelector('#EnableSpringSunbeams').checked = config.Spring.EnableSpringSunbeams !== undefined ? config.Spring.EnableSpringSunbeams : true;
                         document.querySelector('#SpringPollenCount').value = config.Spring.PollenCount;
@@ -1963,7 +2016,16 @@
                         document.querySelector('#EnableRandomSpringMobile').checked = config.Spring.EnableRandomSpringMobile;
                         document.querySelector('#EnableDifferentDurationSpring').checked = config.Spring.EnableDifferentDuration;
 
+                        // Storm
+
+                        document.querySelector('#EnableStorm').checked = config.Storm.EnableStorm;
+                        document.querySelector('#StormRaindropCount').value = config.Storm.RaindropCount;
+                        document.querySelector('#StormRaindropCountMobile').value = config.Storm.RaindropCountMobile;
+                        document.querySelector('#StormRainSpeed').value = config.Storm.RainSpeed;
+                        document.querySelector('#StormEnableLightning').checked = config.Storm.EnableLightning;
+
                         // Summer
+
                         document.querySelector('#EnableSummer').checked = config.Summer.EnableSummer;
                         document.querySelector('#SummerBubbleCount').value = config.Summer.BubbleCount;
                         document.querySelector('#SummerDustCount').value = config.Summer.DustCount;
@@ -1971,88 +2033,29 @@
                         document.querySelector('#EnableRandomSummerMobile').checked = config.Summer.EnableRandomSummerMobile;
                         document.querySelector('#EnableDifferentDurationSummer').checked = config.Summer.EnableDifferentDuration;
 
-                        // Carnival
-                        document.querySelector('#EnableCarnival').checked = config.Carnival.EnableCarnival;
-                        document.querySelector('#EnableCarnivalSway').checked = config.Carnival.EnableCarnivalSway !== undefined ? config.Carnival.EnableCarnivalSway : true;
-                        document.querySelector('#CarnivalObjectCount').value = config.Carnival.ObjectCount;
-                        document.querySelector('#EnableRandomCarnival').checked = config.Carnival.EnableRandomCarnival;
-                        document.querySelector('#EnableRandomCarnivalMobile').checked = config.Carnival.EnableRandomCarnivalMobile;
-                        document.querySelector('#EnableDifferentDurationCarnival').checked = config.Carnival.EnableDifferentDuration;
+                        // Support for both new category string and legacy filename strings
+                            cb.checked = savedBalls.some(b => b === cb.value || b.startsWith(cb.value + '_'));
+                        });
 
-                        // Cherry Blossom
-                        document.querySelector('#EnableCherryBlossom').checked = config.CherryBlossom.EnableCherryBlossom;
-                        document.querySelector('#CherryBlossomPetalCount').value = config.CherryBlossom.PetalCount;
-                        document.querySelector('#EnableRandomCherryBlossom').checked = config.CherryBlossom.EnableRandomCherryBlossom;
-                        document.querySelector('#EnableRandomCherryBlossomMobile').checked = config.CherryBlossom.EnableRandomCherryBlossomMobile;
-                        document.querySelector('#EnableDifferentDurationCherryBlossom').checked = config.CherryBlossom.EnableDifferentDuration;
-
-                        // Earth Day
-                        document.querySelector('#EnableEarthDay').checked = config.EarthDay.EnableEarthDay;
-                        document.querySelector('#EarthDayVineCount').value = config.EarthDay.VineCount;
-
-                        // Eurovision
-                        document.querySelector('#EnableEurovision').checked = config.Eurovision.EnableEurovision;
-                        document.querySelector('#EurovisionSymbolCount').value = config.Eurovision.SymbolCount;
-                        document.querySelector('#EnableRandomEurovision').checked = config.Eurovision.EnableRandomEurovision;
-                        document.querySelector('#EnableRandomEurovisionMobile').checked = config.Eurovision.EnableRandomEurovisionMobile;
-                        document.querySelector('#EnableDifferentDurationEurovision').checked = config.Eurovision.EnableDifferentDuration;
-                        document.querySelector('#EnableColorfulNotes').checked = config.Eurovision.EnableColorfulNotes;
-                        document.querySelector('#EurovisionColors').value = config.Eurovision.EurovisionColors;
-                        document.querySelector('#EurovisionGlowSize').value = config.Eurovision.EurovisionGlowSize;
-
-                        // Matrix
-                        document.querySelector('#EnableMatrix').checked = config.Matrix.EnableMatrix;
-                        document.querySelector('#MatrixSymbolCount').value = config.Matrix.SymbolCount;
-                        document.querySelector('#MatrixChars').value = config.Matrix.MatrixChars !== undefined ? config.Matrix.MatrixChars : '0123456789';
-                        document.querySelector('#EnableRandomMatrix').checked = config.Matrix.EnableRandomMatrix;
-                        document.querySelector('#EnableRandomMatrixMobile').checked = config.Matrix.EnableRandomMatrixMobile;
-                        document.querySelector('#EnableDifferentDurationMatrix').checked = config.Matrix.EnableDifferentDuration;
-                        document.querySelector('#EnableMatrixBackground').checked = config.Matrix.EnableMatrixBackground !== undefined ? config.Matrix.EnableMatrixBackground : false;
-
-                        // Pride
-                        document.querySelector('#EnablePride').checked = config.Pride.EnablePride;
-                        document.querySelector('#PrideHeartCount').value = config.Pride.HeartCount;
-                        document.querySelector('#PrideHeartSize').value = config.Pride.HeartSize;
-                        document.querySelector('#PrideColorHeader').checked = config.Pride.ColorHeader;
-
-                        // Spooky Theme
-                        document.querySelector('#EnableSpooky').checked = config.Spooky.EnableSpooky !== undefined ? config.Spooky.EnableSpooky : true;
-                        document.querySelector('#SpookyCount').value = config.Spooky.SymbolCount !== undefined ? config.Spooky.SymbolCount : 25;
-                        document.querySelector('#SpookySize').value = config.Spooky.SpookySize !== undefined ? config.Spooky.SpookySize : 30;
-                        document.querySelector('#EnableSpookySway').checked = config.Spooky.EnableSpookySway !== undefined ? config.Spooky.EnableSpookySway : true;
-                        document.querySelector('#SpookyGlowSize').value = config.Spooky.SpookyGlowSize !== undefined ? config.Spooky.SpookyGlowSize : 5;
-
-                        // Rain
-                        document.querySelector('#EnableRain').checked = config.Rain.EnableRain;
-                        document.querySelector('#RaindropCount').value = config.Rain.RaindropCount;
-                        document.querySelector('#RaindropCountMobile').value = config.Rain.RaindropCountMobile;
-                        document.querySelector('#RainSpeed').value = config.Rain.RainSpeed;
-
-                        // Storm
-                        document.querySelector('#EnableStorm').checked = config.Storm.EnableStorm;
-                        document.querySelector('#StormRaindropCount').value = config.Storm.RaindropCount;
-                        document.querySelector('#StormRaindropCountMobile').value = config.Storm.RaindropCountMobile;
-                        document.querySelector('#StormRainSpeed').value = config.Storm.RainSpeed;
-                        document.querySelector('#StormEnableLightning').checked = config.Storm.EnableLightning;
 
                         // Underwater
-                        config.Underwater = config.Underwater || {};
+
                         document.querySelector('#EnableUnderwater').checked = config.Underwater.EnableUnderwater !== false;
-                        document.querySelector('#EnableUnderwaterLightRays').checked = config.Underwater.EnableLightRays !== false;
-                        document.querySelector('#UnderwaterSymbolCount').value = config.Underwater.SymbolCount || 15;
                         document.querySelector('#EnableRandomSymbolsUnderwater').checked = config.Underwater.EnableRandomSymbols !== false;
                         document.querySelector('#EnableRandomSymbolsMobileUnderwater').checked = config.Underwater.EnableRandomSymbolsMobile === true;
                         document.querySelector('#EnableDifferentDurationUnderwater').checked = config.Underwater.EnableDifferentDuration !== false;
+                        document.querySelector('#UnderwaterSeaweedCount').value = config.Underwater.SeaweedCount !== undefined ? config.Underwater.SeaweedCount : 30;
+                        document.querySelector('#UnderwaterFishCount').value = config.Underwater.FishCount !== undefined ? config.Underwater.FishCount : 15;
+                        document.querySelector('#UnderwaterSeahorseCount').value = config.Underwater.SeahorseCount !== undefined ? config.Underwater.SeahorseCount : 3;
+                        document.querySelector('#UnderwaterJellyfishCount').value = config.Underwater.JellyfishCount !== undefined ? config.Underwater.JellyfishCount : 3;
+                        document.querySelector('#UnderwaterTurtleCount').value = config.Underwater.TurtleCount !== undefined ? config.Underwater.TurtleCount : 1;
+                        document.querySelector('#UnderwaterCrabCount').value = config.Underwater.CrabCount !== undefined ? config.Underwater.CrabCount : 2;
+                        document.querySelector('#UnderwaterStarfishCount').value = config.Underwater.StarfishCount !== undefined ? config.Underwater.StarfishCount : 2;
+                        document.querySelector('#UnderwaterShellCount').value = config.Underwater.ShellCount !== undefined ? config.Underwater.ShellCount : 2;
+                        config.Underwater = config.Underwater || {};
+                        document.querySelector('#EnableUnderwaterLightRays').checked = config.Underwater.EnableLightRays !== false;
+                        document.querySelector('#UnderwaterSymbolCount').value = config.Underwater.SymbolCount || 15;
 
-                        // Birthday
-                        config.Birthday = config.Birthday || {};
-                        document.querySelector('#EnableBirthday').checked = config.Birthday.EnableBirthday !== false;
-                        document.querySelector('#EnableGarland').checked = config.Birthday.EnableGarland !== false;
-                        document.querySelector('#BirthdaySymbolCount').value = config.Birthday.SymbolCount || 25;
-                        document.querySelector('#BirthdayConfettiCount').value = config.Birthday.ConfettiCount || 60;
-                        document.querySelector('#EnableRandomSymbolsBirthday').checked = config.Birthday.EnableRandomSymbols !== false;
-                        document.querySelector('#EnableRandomSymbolsMobileBirthday').checked = config.Birthday.EnableRandomSymbolsMobile === true;
-                        document.querySelector('#EnableDifferentDurationBirthday').checked = config.Birthday.EnableDifferentDuration !== false;
 
                         Dashboard.hideLoadingMsg();
                     });
@@ -2079,22 +2082,6 @@
                         config.Autumn.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationAutumn').checked;
                         config.Autumn.EnableRotation = document.querySelector('#EnableRotation').checked;
 
-                        // Friday13
-                        if (!config.Friday13) config.Friday13 = {};
-                        config.Friday13.EnableFriday13 = document.querySelector('#EnableFriday13').checked;
-                        config.Friday13.SymbolCount = parseInt(document.querySelector('#Friday13SymbolCount').value);
-                        config.Friday13.EnableRandomSymbols = document.querySelector('#EnableRandomFriday13').checked;
-                        config.Friday13.EnableRandomSymbolsMobile = document.querySelector('#EnableRandomFriday13Mobile').checked;
-                        config.Friday13.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationFriday13').checked;
-
-                        // Eid
-                        if (!config.Eid) config.Eid = {};
-                        config.Eid.EnableEid = document.querySelector('#EnableEid').checked;
-                        config.Eid.EnableRandomSymbols = document.querySelector('#EnableRandomEid').checked;
-                        config.Eid.EnableRandomSymbolsMobile = document.querySelector('#EnableRandomEidMobile').checked;
-                        config.Eid.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationEid').checked;
-                        config.Eid.SymbolCount = parseInt(document.querySelector('#EidSymbolCount').value);
-
                         // Legacy Halloween
                         if (!config.LegacyHalloween) config.LegacyHalloween = {};
                         config.LegacyHalloween.SymbolCount = parseInt(document.querySelector('#LegacyHalloweenSymbolCount').value);
@@ -2339,7 +2326,7 @@
                         config.Underwater.EnableRandomSymbolsMobile = document.querySelector('#EnableRandomUnderwaterMobile').checked;
                         config.Underwater.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationUnderwater').checked;
 
-                        // New Themes
+                        // Simple Themes (just on/off toggles)
                         config.Frost.EnableFrost = document.querySelector('#EnableFrost').checked;
                         config.FilmNoir.EnableFilmNoir = document.querySelector('#EnableFilmNoir').checked;
                         config.Oscar.EnableOscar = document.querySelector('#EnableOscar').checked;
@@ -2446,13 +2433,6 @@
                         config.Olympia.EnableRandomSymbolsMobile = document.querySelector('#EnableRandomSymbolsMobileOlympia').checked;
                         config.Olympia.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationOlympia').checked;
 
-                        // Pi-Day
-                        config.PiDay.EnablePiDay = document.querySelector('#EnablePiDay').checked;
-                        config.PiDay.SymbolCount = parseInt(document.querySelector('#PiDaySymbolCount').value);
-                        config.PiDay.EnableRandomPiDay = document.querySelector('#EnableRandomPiDay').checked;
-                        config.PiDay.EnableRandomPiDayMobile = document.querySelector('#EnableRandomPiDayMobile').checked;
-                        config.PiDay.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationPiDay').checked;
-
                         // Pride
                         config.Pride.EnablePride = document.querySelector('#EnablePride').checked;
                         config.Pride.HeartCount = parseInt(document.querySelector('#PrideHeartCount').value);
diff --git a/Jellyfin.Plugin.Seasonals/Web/snowstorm.js b/Jellyfin.Plugin.Seasonals/Web/snowstorm.js
index 7cc8e0c..5586f96 100644
--- a/Jellyfin.Plugin.Seasonals/Web/snowstorm.js
+++ b/Jellyfin.Plugin.Seasonals/Web/snowstorm.js
@@ -1,6 +1,6 @@
 const config = window.SeasonalsPluginConfig?.Snowstorm || {};
 
-const snowstorm = config.enableSnowstorm !== undefined ? config.EnableSnowstorm : true; // enable/disable snowstorm
+const snowstorm = config.EnableSnowstorm !== undefined ? config.EnableSnowstorm : true; // enable/disable snowstorm
 let snowflakesCount = config.SnowflakesCount || 500; // count of snowflakes (recommended values: 300-600)
 const snowflakesCountMobile = config.SnowflakesCountMobile || 250; // count of snowflakes on mobile devices (Warning: High values may affect performance)
 const snowFallSpeed = config.Speed || 6; // speed of snowfall	(recommended values: 4-8)