Update manifest.json for release v1.6.4.0 [skip ci]

Bump version to 1.6.4.0 and update changelog for new features; modify select classes in config page and settings popup
Update manifest.json for release v1.6.3.0 [skip ci]
2026-02-03 18:46:36 +00:00 · 2026-02-03 19:45:38 +01:00 · 2026-02-03 18:33:25 +00:00 · 2026-02-03 19:32:34 +01:00 · 2026-02-03 18:18:35 +00:00 · 2026-02-03 19:17:44 +01:00
7 changed files with 454 additions and 107 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -5,4 +5,5 @@ obj/
 artifacts
 test-site.html
 test-site-new.html
 RELEASE_GUIDE.md
--- a/Jellyfin.Plugin.Seasonals/Configuration/PluginConfiguration.cs
+++ b/Jellyfin.Plugin.Seasonals/Configuration/PluginConfiguration.cs
@@ -15,6 +15,7 @@ public class PluginConfiguration : BasePluginConfiguration
        IsEnabled = true;
        SelectedSeason = "none";
        AutomateSeasonSelection = true;
        EnableClientSideToggle = true;
        Autumn = new AutumnOptions();
        Snowflakes = new SnowflakesOptions();
@@ -43,6 +44,14 @@ public class PluginConfiguration : BasePluginConfiguration
    /// </summary>
    public bool AutomateSeasonSelection { get; set; }
    /// <summary>
    /// Gets or sets a value indicating whether to enable client-side toggle for users.
    /// </summary>
    public bool EnableClientSideToggle { get; set; }
    /// <summary>
    /// Gets or sets the Seasonals options.
    /// </summary>
    public AutumnOptions Autumn { get; set; }
    public SnowflakesOptions Snowflakes { get; set; }
    public SnowfallOptions Snowfall { get; set; }
--- a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
+++ b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
@@ -6,17 +6,17 @@
 </head>
 <body>
    <div id="SeasonalsConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox">
-    <style>
+        <style>
-        select option:disabled {
+            select option:disabled {
-            color: #a3a3a3 !important;
+                color: #a3a3a3 !important;
-        }
+            }
-    </style>
+        </style>
        <div data-role="content">
            <div class="content-primary">
                <div class="sectionTitleContainer">
                    <h2 class="sectionTitle">Seasonals</h2>
                    <a is="emby-linkbutton" class="raised raised-mini emby-button" style="margin-left: 2em;"
-                       target="_blank" href="https://github.com/CodeDevMLH/Jellyfin-Seasonals">
+                        target="_blank" href="https://github.com/CodeDevMLH/Jellyfin-Seasonals">
                        <i class="md-icon button-icon button-icon-left secondaryText"></i>
                        <span>Help</span>
                    </a>
@@ -40,7 +40,7 @@
                    </div>
                    <div class="selectContainer">
                        <label class="selectLabel" for="SelectedSeason">Selected Season</label>
-                        <select is="emby-select" id="SelectedSeason" name="SelectedSeason" class="emby-select-withcolor emby-select">
+                        <select is="emby-select" id="SelectedSeason" name="SelectedSeason" class="emby-select">
                            <option value="none">None</option>
                            <option value="snowflakes">Snowflakes</option>
                            <option value="snowfall">Snowfall</option>
@@ -63,6 +63,15 @@
                        </select>
                        <div class="fieldDescription">The season to display if automation is disabled.</div>
                    </div>
                    <div class="checkboxContainer checkboxContainer-withDescription">
                        <label class="emby-checkbox-label">
                            <input id="EnableClientSideToggle" name="EnableClientSideToggle" type="checkbox"
                                is="emby-checkbox" />
                            <span>Allow Client-Side Toggle</span>
                        </label>
                        <div class="fieldDescription">If enabled, users will see a settings icon in the header to toggle
                            animations for their browser.</div>
                    </div>
                    <br>
                    <details>
@@ -530,6 +539,7 @@
                        document.querySelector('#IsEnabled').checked = config.IsEnabled;
                        document.querySelector('#SelectedSeason').value = config.SelectedSeason;
                        document.querySelector('#AutomateSeasonSelection').checked = config.AutomateSeasonSelection;
                        document.querySelector('#EnableClientSideToggle').checked = config.EnableClientSideToggle !== undefined ? config.EnableClientSideToggle : true;
                        // Advanced Config
                        // Autumn
@@ -621,98 +631,100 @@
            document.querySelector('#SeasonalsConfigForm')
                .addEventListener('submit', function(e) {
-                Dashboard.showLoadingMsg();
+                    Dashboard.showLoadingMsg();
-                ApiClient.getPluginConfiguration(SeasonalsConfig.pluginUniqueId).then(function (config) {
+                    ApiClient.getPluginConfiguration(SeasonalsConfig.pluginUniqueId).then(function (config) {
-                    config.IsEnabled = document.querySelector('#IsEnabled').checked;
+                        config.IsEnabled = document.querySelector('#IsEnabled').checked;
-                    config.SelectedSeason = document.querySelector('#SelectedSeason').value;
+                        config.SelectedSeason = document.querySelector('#SelectedSeason').value;
-                    config.AutomateSeasonSelection = document.querySelector('#AutomateSeasonSelection').checked;
+                        config.AutomateSeasonSelection = document.querySelector('#AutomateSeasonSelection').checked;
                        config.EnableClientSideToggle = document.querySelector('#EnableClientSideToggle').checked;
                    // Advanced Config
                    // Autumn
                    config.Autumn.EnableAutumn = document.querySelector('#EnableAutumn').checked;
                    config.Autumn.LeafCount = parseInt(document.querySelector('#AutumnLeafCount').value);
                    config.Autumn.EnableRandomLeaves = document.querySelector('#EnableRandomLeaves').checked;
                    config.Autumn.EnableRandomLeavesMobile = document.querySelector('#EnableRandomLeavesMobile').checked;
                    config.Autumn.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationAutumn').checked;
                    config.Autumn.EnableRotation = document.querySelector('#EnableRotation').checked;
-                    // Snowflakes
+                        // Advanced Config
-                    config.Snowflakes.SnowflakeCount = parseInt(document.querySelector('#SnowflakesCount').value);
+                        // Autumn
-                    config.Snowflakes.EnableSnowflakes = document.querySelector('#EnableSnowflakes').checked;
+                        config.Autumn.EnableAutumn = document.querySelector('#EnableAutumn').checked;
-                    config.Snowflakes.EnableRandomSnowflakes = document.querySelector('#EnableRandomSnowflakes').checked;
+                        config.Autumn.LeafCount = parseInt(document.querySelector('#AutumnLeafCount').value);
-                    config.Snowflakes.EnableRandomSnowflakesMobile = document.querySelector('#EnableRandomSnowflakesMobile').checked;
+                        config.Autumn.EnableRandomLeaves = document.querySelector('#EnableRandomLeaves').checked;
-                    config.Snowflakes.EnableColoredSnowflakes = document.querySelector('#EnableColoredSnowflakes').checked;
+                        config.Autumn.EnableRandomLeavesMobile = document.querySelector('#EnableRandomLeavesMobile').checked;
-                    config.Snowflakes.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationSnowflakes').checked;
+                        config.Autumn.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationAutumn').checked;
                        config.Autumn.EnableRotation = document.querySelector('#EnableRotation').checked;
-                    // Snowfall
+                        // Snowflakes
-                    config.Snowfall.EnableSnowfall = document.querySelector('#EnableSnowfall').checked;
+                        config.Snowflakes.SnowflakeCount = parseInt(document.querySelector('#SnowflakesCount').value);
-                    config.Snowfall.SnowflakesCount = parseInt(document.querySelector('#SnowfallCount').value);
+                        config.Snowflakes.EnableSnowflakes = document.querySelector('#EnableSnowflakes').checked;
-                    config.Snowfall.SnowflakesCountMobile = parseInt(document.querySelector('#SnowfallCountMobile').value);
+                        config.Snowflakes.EnableRandomSnowflakes = document.querySelector('#EnableRandomSnowflakes').checked;
-                    config.Snowfall.Speed = parseFloat(document.querySelector('#SnowfallSpeed').value);
+                        config.Snowflakes.EnableRandomSnowflakesMobile = document.querySelector('#EnableRandomSnowflakesMobile').checked;
                        config.Snowflakes.EnableColoredSnowflakes = document.querySelector('#EnableColoredSnowflakes').checked;
                        config.Snowflakes.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationSnowflakes').checked;
-                    // Snowstorm
+                        // Snowfall
-                    config.Snowstorm.EnableSnowstorm = document.querySelector('#EnableSnowstorm').checked;
+                        config.Snowfall.EnableSnowfall = document.querySelector('#EnableSnowfall').checked;
-                    config.Snowstorm.SnowflakesCount = parseInt(document.querySelector('#SnowstormCount').value);
+                        config.Snowfall.SnowflakesCount = parseInt(document.querySelector('#SnowfallCount').value);
-                    config.Snowstorm.SnowflakesCountMobile = parseInt(document.querySelector('#SnowstormCountMobile').value);
+                        config.Snowfall.SnowflakesCountMobile = parseInt(document.querySelector('#SnowfallCountMobile').value);
-                    config.Snowstorm.Speed = parseFloat(document.querySelector('#SnowstormSpeed').value);
+                        config.Snowfall.Speed = parseFloat(document.querySelector('#SnowfallSpeed').value);
                    config.Snowstorm.HorizontalWind = parseFloat(document.querySelector('#SnowstormHorizontalWind').value);
                    config.Snowstorm.VerticalVariation = parseFloat(document.querySelector('#SnowstormVerticalVariation').value);
-                    // Fireworks
+                        // Snowstorm
-                    config.Fireworks.EnableFireworks = document.querySelector('#EnableFireworks').checked;
+                        config.Snowstorm.EnableSnowstorm = document.querySelector('#EnableSnowstorm').checked;
-                    config.Fireworks.ParticleCount = parseInt(document.querySelector('#FireworksParticles').value);
+                        config.Snowstorm.SnowflakesCount = parseInt(document.querySelector('#SnowstormCount').value);
-                    config.Fireworks.LaunchInterval = parseInt(document.querySelector('#FireworksInterval').value);
+                        config.Snowstorm.SnowflakesCountMobile = parseInt(document.querySelector('#SnowstormCountMobile').value);
-                    config.Fireworks.ScrollFireworks = document.querySelector('#ScrollFireworks').checked;
+                        config.Snowstorm.Speed = parseFloat(document.querySelector('#SnowstormSpeed').value);
-                    config.Fireworks.MinFireworks = parseInt(document.querySelector('#MinFireworks').value);
+                        config.Snowstorm.HorizontalWind = parseFloat(document.querySelector('#SnowstormHorizontalWind').value);
-                    config.Fireworks.MaxFireworks = parseInt(document.querySelector('#MaxFireworks').value);
+                        config.Snowstorm.VerticalVariation = parseFloat(document.querySelector('#SnowstormVerticalVariation').value);
-                    // Halloween
+                        // Fireworks
-                    config.Halloween.EnableHalloween = document.querySelector('#EnableHalloween').checked;
+                        config.Fireworks.EnableFireworks = document.querySelector('#EnableFireworks').checked;
-                    config.Halloween.SymbolCount = parseInt(document.querySelector('#HalloweenCount').value);
+                        config.Fireworks.ParticleCount = parseInt(document.querySelector('#FireworksParticles').value);
-                    config.Halloween.EnableRandomSymbols = document.querySelector('#EnableRandomHalloween').checked;
+                        config.Fireworks.LaunchInterval = parseInt(document.querySelector('#FireworksInterval').value);
-                    config.Halloween.EnableRandomSymbolsMobile = document.querySelector('#EnableRandomHalloweenMobile').checked;
+                        config.Fireworks.ScrollFireworks = document.querySelector('#ScrollFireworks').checked;
-                    config.Halloween.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationHalloween').checked;
+                        config.Fireworks.MinFireworks = parseInt(document.querySelector('#MinFireworks').value);
                        config.Fireworks.MaxFireworks = parseInt(document.querySelector('#MaxFireworks').value);
-                    // Hearts
+                        // Halloween
-                    config.Hearts.EnableHearts = document.querySelector('#EnableHearts').checked;
+                        config.Halloween.EnableHalloween = document.querySelector('#EnableHalloween').checked;
-                    config.Hearts.SymbolCount = parseInt(document.querySelector('#HeartsCount').value);
+                        config.Halloween.SymbolCount = parseInt(document.querySelector('#HalloweenCount').value);
-                    config.Hearts.EnableRandomSymbols = document.querySelector('#EnableRandomHearts').checked;
+                        config.Halloween.EnableRandomSymbols = document.querySelector('#EnableRandomHalloween').checked;
-                    config.Hearts.EnableRandomSymbolsMobile = document.querySelector('#EnableRandomHeartsMobile').checked;
+                        config.Halloween.EnableRandomSymbolsMobile = document.querySelector('#EnableRandomHalloweenMobile').checked;
-                    config.Hearts.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationHearts').checked;
+                        config.Halloween.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationHalloween').checked;
-                    // Christmas
+                        // Hearts
-                    config.Christmas.EnableChristmas = document.querySelector('#EnableChristmas').checked;
+                        config.Hearts.EnableHearts = document.querySelector('#EnableHearts').checked;
-                    config.Christmas.SymbolCount = parseInt(document.querySelector('#ChristmasCount').value);
+                        config.Hearts.SymbolCount = parseInt(document.querySelector('#HeartsCount').value);
-                    config.Christmas.EnableRandomChristmas = document.querySelector('#EnableRandomChristmas').checked;
+                        config.Hearts.EnableRandomSymbols = document.querySelector('#EnableRandomHearts').checked;
-                    config.Christmas.EnableRandomChristmasMobile = document.querySelector('#EnableRandomChristmasMobile').checked;
+                        config.Hearts.EnableRandomSymbolsMobile = document.querySelector('#EnableRandomHeartsMobile').checked;
-                    config.Christmas.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationChristmas').checked;
+                        config.Hearts.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationHearts').checked;
-                    // Santa
+                        // Christmas
-                    config.Santa.EnableSanta = document.querySelector('#EnableSanta').checked;
+                        config.Christmas.EnableChristmas = document.querySelector('#EnableChristmas').checked;
-                    config.Santa.SnowflakesCount = parseInt(document.querySelector('#SantaSnowflakes').value);
+                        config.Christmas.SymbolCount = parseInt(document.querySelector('#ChristmasCount').value);
-                    config.Santa.SnowflakesCountMobile = parseInt(document.querySelector('#SantaSnowflakesMobile').value);
+                        config.Christmas.EnableRandomChristmas = document.querySelector('#EnableRandomChristmas').checked;
-                    config.Santa.SantaSpeed = parseFloat(document.querySelector('#SantaSpeed').value);
+                        config.Christmas.EnableRandomChristmasMobile = document.querySelector('#EnableRandomChristmasMobile').checked;
-                    config.Santa.SantaSpeedMobile = parseFloat(document.querySelector('#SantaSpeedMobile').value);
+                        config.Christmas.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationChristmas').checked;
                    config.Santa.SnowFallSpeed = parseFloat(document.querySelector('#SantaSnowFallSpeed').value);
                    config.Santa.MaxSantaRestTime = parseFloat(document.querySelector('#MaxSantaRestTime').value);
                    config.Santa.MinSantaRestTime = parseFloat(document.querySelector('#MinSantaRestTime').value);
                    config.Santa.MaxPresentFallSpeed = parseFloat(document.querySelector('#MaxPresentFallSpeed').value);
                    config.Santa.MinPresentFallSpeed = parseFloat(document.querySelector('#MinPresentFallSpeed').value);
-                    // Easter
+                        // Santa
-                    config.Easter.EnableEaster = document.querySelector('#EnableEaster').checked;
+                        config.Santa.EnableSanta = document.querySelector('#EnableSanta').checked;
-                    config.Easter.EggCount = parseInt(document.querySelector('#EasterEggCount').value);
+                        config.Santa.SnowflakesCount = parseInt(document.querySelector('#SantaSnowflakes').value);
-                    config.Easter.EnableRandomEaster = document.querySelector('#EnableRandomEaster').checked;
+                        config.Santa.SnowflakesCountMobile = parseInt(document.querySelector('#SantaSnowflakesMobile').value);
-                    config.Easter.EnableRandomEasterMobile = document.querySelector('#EnableRandomEasterMobile').checked;
+                        config.Santa.SantaSpeed = parseFloat(document.querySelector('#SantaSpeed').value);
-                    config.Easter.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationEaster').checked;
+                        config.Santa.SantaSpeedMobile = parseFloat(document.querySelector('#SantaSpeedMobile').value);
-                    config.Easter.EnableBunny = document.querySelector('#EasterBunny').checked;
+                        config.Santa.SnowFallSpeed = parseFloat(document.querySelector('#SantaSnowFallSpeed').value);
-                    config.Easter.BunnyDuration = parseInt(document.querySelector('#BunnyDuration').value);
+                        config.Santa.MaxSantaRestTime = parseFloat(document.querySelector('#MaxSantaRestTime').value);
-                    config.Easter.HopHeight = parseInt(document.querySelector('#HopHeight').value);
+                        config.Santa.MinSantaRestTime = parseFloat(document.querySelector('#MinSantaRestTime').value);
-                    config.Easter.MinBunnyRestTime = parseInt(document.querySelector('#MinBunnyRestTime').value);
+                        config.Santa.MaxPresentFallSpeed = parseFloat(document.querySelector('#MaxPresentFallSpeed').value);
-                    config.Easter.MaxBunnyRestTime = parseInt(document.querySelector('#MaxBunnyRestTime').value);
+                        config.Santa.MinPresentFallSpeed = parseFloat(document.querySelector('#MinPresentFallSpeed').value);
-                    ApiClient.updatePluginConfiguration(SeasonalsConfig.pluginUniqueId, config).then(function (result) {
+                        // Easter
-                        Dashboard.processPluginConfigurationUpdateResult(result);
+                        config.Easter.EnableEaster = document.querySelector('#EnableEaster').checked;
                        config.Easter.EggCount = parseInt(document.querySelector('#EasterEggCount').value);
                        config.Easter.EnableRandomEaster = document.querySelector('#EnableRandomEaster').checked;
                        config.Easter.EnableRandomEasterMobile = document.querySelector('#EnableRandomEasterMobile').checked;
                        config.Easter.EnableDifferentDuration = document.querySelector('#EnableDifferentDurationEaster').checked;
                        config.Easter.EnableBunny = document.querySelector('#EasterBunny').checked;
                        config.Easter.BunnyDuration = parseInt(document.querySelector('#BunnyDuration').value);
                        config.Easter.HopHeight = parseInt(document.querySelector('#HopHeight').value);
                        config.Easter.MinBunnyRestTime = parseInt(document.querySelector('#MinBunnyRestTime').value);
                        config.Easter.MaxBunnyRestTime = parseInt(document.querySelector('#MaxBunnyRestTime').value);
                        ApiClient.updatePluginConfiguration(SeasonalsConfig.pluginUniqueId, config).then(function (result) {
                            Dashboard.processPluginConfigurationUpdateResult(result);
                    });
                });
--- a/Jellyfin.Plugin.Seasonals/Jellyfin.Plugin.Seasonals.csproj
+++ b/Jellyfin.Plugin.Seasonals/Jellyfin.Plugin.Seasonals.csproj
@@ -12,7 +12,7 @@
    <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
    <Title>Jellyfin Seasonals Plugin</Title>
    <Authors>CodeDevMLH</Authors>
-    <Version>1.5.0.0</Version>
+    <Version>1.6.4.0</Version>
    <RepositoryUrl>https://github.com/CodeDevMLH/Jellyfin-Seasonals</RepositoryUrl>
  </PropertyGroup>
--- a/Jellyfin.Plugin.Seasonals/Web/seasonals.js
+++ b/Jellyfin.Plugin.Seasonals/Web/seasonals.js
@@ -99,12 +99,21 @@ function determineCurrentTheme() {
    return 'none'; // Fallback (nothing)
 }
 // helper to resolve paths for local testing vs production
 function resolvePath(path) {
    if (window.location.protocol === 'file:' || window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
        return path.replace('/Seasonals/Resources/', './');
    }
    return path;
 }
 // load theme csss
 function loadThemeCSS(cssPath) {
    if (!cssPath) return;
    const link = document.createElement('link');
    link.rel = 'stylesheet';
    // link.href = resolvePath(cssPath);
    link.href = cssPath;
    link.onerror = () => {
@@ -121,6 +130,7 @@ function loadThemeJS(jsPath) {
    const script = document.createElement('script');
    script.src = jsPath;
    // script.src = resolvePath(jsPath);
    script.defer = true;
    script.onerror = () => {
@@ -145,14 +155,24 @@ function updateThemeContainer(containerClass) {
    console.log(`Seasonals-Container class updated to "${containerClass}".`);
 }
-function removeSelf() {
+// function removeSelf() {
-    const script = document.currentScript;
+//     const script = document.currentScript;
-    if (script) script.parentNode.removeChild(script);
+//     if (script) script.parentNode.removeChild(script);
-    console.log('External script removed:', script);
+//     console.log('External script removed:', script);
-}
+// }
 // initialize theme
 async function initializeTheme() {
    // Check local user preference
    const isEnabled = getSavedSetting('seasonals-enabled', 'true') === 'true';
    if (!isEnabled) {
        console.log('Seasonals disabled by user preference.');
        return;
    }
    const forcedTheme = getSavedSetting('seasonals-theme', 'auto');
    let automateThemeSelection = true;
    let defaultTheme = 'none';
@@ -172,7 +192,11 @@ async function initializeTheme() {
    }
    let currentTheme;
-    if (automateThemeSelection === false) {
+
    if (forcedTheme !== 'auto') {
        currentTheme = forcedTheme;
        console.log(`User forced theme: ${currentTheme}`);
    } else if (automateThemeSelection === false) {
        currentTheme = defaultTheme;
    } else {
        currentTheme = determineCurrentTheme();
@@ -182,7 +206,6 @@ async function initializeTheme() {
    if (!currentTheme || currentTheme === 'none') {
        console.log('No theme selected.');
        removeSelf();
        return;
    }
@@ -198,9 +221,144 @@ async function initializeTheme() {
    if (theme.js) loadThemeJS(theme.js);
    console.log(`Theme "${currentTheme}" loaded.`);
    removeSelf();
 }
 initializeTheme();
 // User UI Seasonal Settings
 function getSavedSetting(key, defaultValue) {
    const value = localStorage.getItem(key);
    return value !== null ? value : defaultValue;
 }
 function setSavedSetting(key, value) {
    localStorage.setItem(key, value);
 }
 function createSettingsIcon() {
    const button = document.createElement('button');
    button.type = 'button';
    button.className = 'paper-icon-button-light headerButton seasonal-settings-button';
    button.title = 'Seasonal Settings';
    button.innerHTML = '<span class="material-icons">ac_unit</span>';
    button.style.verticalAlign = 'middle';
    button.addEventListener('click', (e) => {
        e.stopPropagation();
        toggleSettingsPopup(button);
    });
    return button;
 }
 function createSettingsPopup(anchorElement) {
    const existing = document.querySelector('.seasonal-settings-popup');
    if (existing) existing.remove();
    const popup = document.createElement('div');
    popup.className = 'seasonal-settings-popup dialog';
    Object.assign(popup.style, {
        position: 'fixed',
        zIndex: '10000',
        backgroundColor: '#202020',
        padding: '1em',
        borderRadius: '0.3em',
        boxShadow: '0 0 20px rgba(0,0,0,0.5)',
        minWidth: '200px',
        color: '#fff',
        maxWidth: '250px'
    });
    const rect = anchorElement.getBoundingClientRect();
    popup.style.top = `${rect.bottom + 10}px`;
    popup.style.right = `${window.innerWidth - rect.right}px`;
    popup.innerHTML = `     
        <div class="checkboxContainer checkboxContainer-withDescription" style="margin-bottom: 0.5em;">
            <label class="emby-checkbox-label">
                <input id="seasonal-enable-toggle" type="checkbox" is="emby-checkbox" class="emby-checkbox" />
                <span class="checkboxLabel">Enable Seasonals</span>
            </label>
        </div>
        <div class="selectContainer">
            <label class="selectLabel" for="seasonal-theme-select" style="margin-bottom: 0.5em; display: block; color: inherit;">Force Theme</label>
            <select is="emby-select" id="seasonal-theme-select" class="emby-select" style="width: 100%; padding: 0.5em; background-color: #333; border: 1px solid #444; color: #fff; border-radius: 4px;">
                <option value="auto">Auto (Date Based)</option>
            </select>
        </div>
    `;
    // Populate Select Options
    const themeSelect = popup.querySelector('#seasonal-theme-select');
    Object.keys(themeConfigs).forEach(key => {
        if (key === 'none') return;
        const option = document.createElement('option');
        option.value = key;
        // Capitalize first letter
        option.textContent = key.charAt(0).toUpperCase() + key.slice(1);
        themeSelect.appendChild(option);
    });
    // Set Initial Values
    const enabledCheckbox = popup.querySelector('#seasonal-enable-toggle');
    enabledCheckbox.checked = getSavedSetting('seasonals-enabled', 'true') === 'true';
    themeSelect.value = getSavedSetting('seasonals-theme', 'auto');
    enabledCheckbox.addEventListener('change', (e) => {
        setSavedSetting('seasonals-enabled', e.target.checked);
        location.reload();
    });
    themeSelect.addEventListener('change', (e) => {
        setSavedSetting('seasonals-theme', e.target.value);
        location.reload();
    });
    const closeHandler = (e) => {
        if (!popup.contains(e.target) && e.target !== anchorElement && !anchorElement.contains(e.target)) {
            popup.remove();
            document.removeEventListener('click', closeHandler);
        }
    };
    setTimeout(() => document.addEventListener('click', closeHandler), 0);
    document.body.appendChild(popup);
 }
 function toggleSettingsPopup(anchorElement) {
    const existing = document.querySelector('.seasonal-settings-popup');
    if (existing) {
        existing.remove();
    } else {
        createSettingsPopup(anchorElement);
    }
 }
 function injectSettingsIcon() {
    const observer = new MutationObserver((mutations, obs) => {
        // Check if admin has enabled this feature
        if (window.SeasonalsPluginConfig && window.SeasonalsPluginConfig.EnableClientSideToggle === false) {
            return;
        }
        const headerRight = document.querySelector('.headerRight');
        if (headerRight && !document.querySelector('.seasonal-settings-button')) {
            const icon = createSettingsIcon();
            headerRight.prepend(icon);
            // obs.disconnect();
        }
    });
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
 }
 injectSettingsIcon();
--- a/Jellyfin.Plugin.Seasonals/Web/test-site-new.html
+++ b/Jellyfin.Plugin.Seasonals/Web/test-site-new.html
@@ -0,0 +1,79 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Seasonals Test Display</title>
    <link rel="stylesheet" href="snowfall.css">
    <style>
        body {
            background-color: black;
            color: white;
            margin: 0;
            font-family: sans-serif;
        }
        /* Mock Jellyfin Header */
        .skinHeader {
            background-color: #101010;
            height: 60px;
            display: flex;
            align-items: center;
            padding: 0 1em;
            border-bottom: 1px solid #333;
        }
        .headerRight {
            margin-left: auto;
            display: flex;
            align-items: center;
        }
        .paper-icon-button-light {
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            padding: 10px;
        }
        .material-icons {
            font-family: 'Material Icons';
            /* Placeholder if not loaded */
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            display: inline-block;
            line-height: 1;
            text-transform: none;
            letter-spacing: normal;
            word-wrap: normal;
            white-space: nowrap;
            direction: ltr;
        }
    </style>
    <!-- Load Material Icons for the snowflake -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
 <body>
    <!-- Mock Header Structure -->
    <div class="skinHeader">
        <div class="skinHeader-content">
            <span>Jellyfin Mock Header</span>
        </div>
        <div class="headerRight">
            <button class="paper-icon-button-light">
                <span class="material-icons">person</span>
            </button>
        </div>
    </div>
    <div class="seasonals-container"></div>
    <!-- Load the main script -->
    <script src="seasonals.js"></script>
 </body>
 </html>
--- a/manifest.json
+++ b/manifest.json
@@ -8,13 +8,21 @@
    "category": "General",
    "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/raw/branch/main/logo.png",
    "versions": [
      {
        "version": "1.6.4.0",
        "changelog": "- feat: Add client-side toggle option for seasonal settings",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.6.4.0/Jellyfin.Plugin.Seasonals.zip",
        "checksum": "0d33448d7aacf5dbc5e03f3bb712ff43",
        "timestamp": "2026-02-03T18:46:35Z"
      },
      {
        "version": "1.5.1.0",
        "changelog": "- fix: snowfall effect sometimes not scaling on window resize, which leads to clustering and rain effect of snowflakes",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Jellyfin-Seasonals-Plugin/releases/download/v1.5.1.0/Jellyfin.Plugin.Seasonals.zip",
-        "checksum": "226621c504e9f59377d0df8b7ec5ff22",
+        "checksum": "a66b5c24c1f4bfff14bba5e93576bb80",
-        "timestamp": "2026-01-21T22:53:14Z"
+        "timestamp": "2026-01-28T22:40:49Z"
      },
      {
        "version": "1.5.0.0",
@@ -99,6 +107,86 @@
    "category": "General",
    "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
    "versions": [
      {
        "version": "1.2.3.7",
        "changelog": "- Fixes the issue where buttons were cut off on smaller screens such as on S24/S25.\n- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.9 from original repo",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.3.7/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "fa1bf48cff159cc7dbf0aab48511a37c",
        "timestamp": "2026-01-28T22:39:54Z"
      },
      {
        "version": "1.2.3.6",
        "changelog": "- Fixes the issue where buttons were cut off on smaller screens such as on S24/S25.",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.3.6/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "da73bb490548c122906419d2762a2d00",
        "timestamp": "2026-01-28T21:31:54Z"
      },
      {
        "version": "1.2.3.5",
        "changelog": "- Fixes the issue where buttons were cut off on smaller screens such as on S24/S25.",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.3.5/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "b5efea79ec465522dad31e4ee5f1710c",
        "timestamp": "2026-01-28T20:21:20Z"
      },
      {
        "version": "1.2.3.4",
        "changelog": "- Fixes the issue where buttons were cut off on smaller screens such as on S24/S25.",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.3.4/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "4683f75e2df2590db663303bdd329ccd",
        "timestamp": "2026-01-28T01:09:38Z"
      },
      {
        "version": "1.2.3.3",
        "changelog": "- Fixes the issue where buttons were cut off on smaller screens such as on S24/S25.",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.3.3/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "3c18a84b2f59c86c130e91da83f980a2",
        "timestamp": "2026-01-28T01:05:45Z"
      },
      {
        "version": "1.2.3.2",
        "changelog": "- Fixes the issue where buttons were cut off on smaller screens such as on S24/S25.",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.3.2/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "4109a3ea10eb3145217b24ee8f8b37b5",
        "timestamp": "2026-01-28T00:30:36Z"
      },
      {
        "version": "1.2.3.1",
        "changelog": "- Fixes the issue where buttons were cut off on smaller screens such as on S24/S25.",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.3.1/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "e73029ac767e24d36742a27678758b6f",
        "timestamp": "2026-01-28T00:17:28Z"
      },
      {
        "version": "1.2.3.0",
        "changelog": "- Fixes the issue where buttons were cut off on smaller screens such as on S24/S25.",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.3.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "ae6f34bee76f9d7873964a71ca191bf3",
        "timestamp": "2026-01-27T23:54:42Z"
      },
      {
        "version": "1.2.2.0",
        "changelog": "- Fixes issues with persistent slides-container visibility",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.2.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "3362f93815845c4e85b66b31bcd0f52c",
        "timestamp": "2026-01-24T22:53:55Z"
      },
      {
        "version": "1.2.1.0",
        "changelog": "- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.8 from original repo",
        "targetAbi": "10.11.0.0",
        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.1.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
        "checksum": "70defc1fb29a17ff4c9362bf7bdc53b5",
        "timestamp": "2026-01-22T23:50:56Z"
      },
      {
        "version": "1.2.0.0",
        "changelog": "- Add video quality preference setting (Auto / 1080p / Highres)\n- Set preferred video quality on YouTube player based on setting",
Author	SHA1	Message	Date
CodeDevMLH	2572e085f6	Update manifest.json for release v1.6.4.0 [skip ci]	2026-02-03 18:46:36 +00:00
CodeDevMLH	8297f989fd	Bump version to 1.6.4.0 and update changelog for new features; modify select classes in config page and settings popup All checks were successful Auto Release Plugin / build-and-release (push) Successful in 58s Details	2026-02-03 19:45:38 +01:00
CodeDevMLH	636aaa2a4a	Update manifest.json for release v1.6.3.0 [skip ci]	2026-02-03 18:33:25 +00:00
CodeDevMLH	5e70621e93	Update version to 1.6.3.0, modify checkbox layout, and adjust popup styles All checks were successful Auto Release Plugin / build-and-release (push) Successful in 52s Details	2026-02-03 19:32:34 +01:00
CodeDevMLH	0b4434c51c	Update manifest.json for release v1.6.2.0 [skip ci]	2026-02-03 18:18:35 +00:00
CodeDevMLH	dd6583c055	Bump version to 1.6.2.0 and update changelog for new features All checks were successful Auto Release Plugin / build-and-release (push) Successful in 52s Details	2026-02-03 19:17:44 +01:00
CodeDevMLH	a0b0514159	Update manifest.json for release v1.6.1.0 [skip ci]	2026-02-03 18:08:59 +00:00
CodeDevMLH	e977c83e8f	Bump version to 1.6.1.0 in project file and manifest All checks were successful Auto Release Plugin / build-and-release (push) Successful in 53s Details	2026-02-03 19:08:07 +01:00
CodeDevMLH	e281f5c579	test other ui design	2026-02-03 19:08:02 +01:00
CodeDevMLH	e6b646e478	Update .gitignore to include test-site-new.html [skip CI]	2026-02-03 18:50:22 +01:00
CodeDevMLH	8d6bc12fa4	Update manifest.json for release v1.6.0.0 [skip ci]	2026-02-03 17:49:06 +00:00
CodeDevMLH	f036e748da	Add client-side toggle option for seasonal settings All checks were successful Auto Release Plugin / build-and-release (push) Successful in 54s Details	2026-02-03 18:48:11 +01:00
CodeDevMLH	0177a7caea	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-28 22:40:50 +00:00
CodeDevMLH	c45e9f6156	Auto-Update MediaBar Enhanced to v1.2.3.7 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 52s Details	2026-01-28 22:40:00 +00:00
CodeDevMLH	8dc9b9f157	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-28 21:32:51 +00:00
CodeDevMLH	e73c6c14bb	Auto-Update MediaBar Enhanced to v1.2.3.6 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 52s Details	2026-01-28 21:32:01 +00:00
CodeDevMLH	aa1c60f9ce	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-28 20:22:17 +00:00
CodeDevMLH	d1e668bcff	Auto-Update MediaBar Enhanced to v1.2.3.5 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 51s Details	2026-01-28 20:21:27 +00:00
CodeDevMLH	0454d43f32	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-28 01:10:34 +00:00
CodeDevMLH	61b3b51139	Auto-Update MediaBar Enhanced to v1.2.3.4 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 52s Details	2026-01-28 01:09:45 +00:00
CodeDevMLH	60d1a546a2	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-28 01:06:40 +00:00
CodeDevMLH	669933d270	Auto-Update MediaBar Enhanced to v1.2.3.3 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 51s Details	2026-01-28 01:05:53 +00:00
CodeDevMLH	053f0ccfa7	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-28 00:46:16 +00:00
CodeDevMLH	60e998fc7f	Auto-Update MediaBar Enhanced to v1.2.3.3 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 51s Details	2026-01-28 00:45:27 +00:00
CodeDevMLH	3aa631198a	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-28 00:31:33 +00:00
CodeDevMLH	b1876d655e	Auto-Update MediaBar Enhanced to v1.2.3.2 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 52s Details	2026-01-28 00:30:43 +00:00
CodeDevMLH	9a9f89c1fc	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-28 00:18:24 +00:00
CodeDevMLH	2fb41f6442	Auto-Update MediaBar Enhanced to v1.2.3.1 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 52s Details	2026-01-28 00:17:35 +00:00
CodeDevMLH	4ab949e6d7	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-27 23:55:34 +00:00
CodeDevMLH	7d1024c917	Auto-Update MediaBar Enhanced to v1.2.3.0 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 50s Details	2026-01-27 23:54:49 +00:00
CodeDevMLH	c2e3d55110	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-24 22:54:52 +00:00
CodeDevMLH	c6503a90bb	Auto-Update MediaBar Enhanced to v1.2.2.0 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 53s Details	2026-01-24 22:54:01 +00:00
CodeDevMLH	b70787d5ec	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-22 23:51:52 +00:00
CodeDevMLH	a9eb8113a6	Auto-Update MediaBar Enhanced to v1.2.1.0 All checks were successful Auto Release Plugin / build-and-release (push) Successful in 51s Details	2026-01-22 23:51:03 +00:00
CodeDevMLH	aaf15d8934	Update manifest.json for release v1.5.1.0 [skip ci]	2026-01-21 23:12:11 +00:00
CodeDevMLH	ec298ebde0	bump version to 1.5.1.0 in project file All checks were successful Auto Release Plugin / build-and-release (push) Successful in 53s Details	2026-01-22 00:11:19 +01:00