From 3dffd847de7209df085205afd6a448f0a39682b6 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Sat, 28 Feb 2026 14:08:22 +0100
Subject: [PATCH] Refactor Earth Day configuration to replace VineCount with
 FlowersCount and update related descriptions [skip ci]

---
 .../Configuration/configPage.html             | 175 ++++++++----------
 1 file changed, 73 insertions(+), 102 deletions(-)

diff --git a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
index 812a88f..f8156df 100644
--- a/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
+++ b/Jellyfin.Plugin.Seasonals/Configuration/configPage.html
@@ -136,12 +136,10 @@
                                 </label>
                                 <div class="fieldDescription">Enable the autumn theme effects in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="AutumnLeafCount">Leaf Count</label>
                                 <input is="emby-input" type="number" id="AutumnLeafCount" name="AutumnLeafCount" />
-                                <div class="fieldDescription">Number of additional leaves displayed (if enabled)</div>
+                                <div class="fieldDescription">Number of leaves displayed</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="AutumnLeafCountMobile">Leaf Count (Mobile)</label>
@@ -174,12 +172,10 @@
                                 </label>
                                 <div class="fieldDescription">Enable the snowflakes theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="SnowflakesCount">Snowflake Count</label>
                                 <input is="emby-input" type="number" id="SnowflakesCount" name="SnowflakesCount" />
-                                <div class="fieldDescription">Number of additional snowflakes displayed (if enabled).</div>
+                                <div class="fieldDescription">Number of snowflakes displayed.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="SnowflakeCountMobile">Snowflake Count (Mobile)</label>
@@ -315,12 +311,10 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Halloween theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="HalloweenCount">Symbol Count</label>
                                 <input is="emby-input" type="number" id="HalloweenCount" name="HalloweenCount" />
-                                <div class="fieldDescription">Number of additional Halloween symbols (pumpkins, ghosts, etc.) on screen (if enabled).</div>
+                                <div class="fieldDescription">Number of Halloween symbols (pumpkins, ghosts, etc.) on screen.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="HalloweenCountMobile">Symbol Count (Mobile)</label>
@@ -404,12 +398,10 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Hearts theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="HeartsCount">Symbol Count</label>
                                 <input is="emby-input" type="number" id="HeartsCount" name="HeartsCount" />
-                                <div class="fieldDescription">Number of additional floating hearts.</div>
+                                <div class="fieldDescription">Number of hearts displayed.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="HeartsCountMobile">Symbol Count (Mobile)</label>
@@ -435,12 +427,10 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Christmas theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="ChristmasCount">Symbol Count</label>
                                 <input is="emby-input" type="number" id="ChristmasCount" name="ChristmasCount" />
-                                <div class="fieldDescription">Number of additional Christmas symbols.</div>
+                                <div class="fieldDescription">Number of Christmas symbols.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="ChristmasCountMobile">Symbol Count (Mobile)</label>
@@ -523,14 +513,11 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Easter theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="EasterEggCount">Egg Count</label>
                                 <input is="emby-input" type="number" id="EasterEggCount" name="EasterEggCount" />
-                                <div class="fieldDescription">Number of additional Easter eggs (if enabled).</div>
+                                <div class="fieldDescription">Number of Easter eggs in the lawn.</div>
                             </div>
-                            
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
                                     <input id="EasterBunny" name="EasterBunny" type="checkbox" is="emby-checkbox" />
@@ -560,12 +547,10 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Resurrection theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="ResurrectionSymbolCount">Symbol Count</label>
                                 <input is="emby-input" type="number" id="ResurrectionSymbolCount" name="ResurrectionSymbolCount" />
-                                <div class="fieldDescription">Number of additional symbols (if enabled).</div>
+                                <div class="fieldDescription">Number of resurrection symbols.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="ResurrectionSymbolCountMobile">Symbol Count (Mobile)</label>
@@ -591,17 +576,10 @@
                                 </label>
                                 <div class="fieldDescription">Enables the Spring theme (grass, pollen).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="SpringPollenCount">Pollen Count</label>
                                 <input is="emby-input" type="number" id="SpringPollenCount" name="SpringPollenCount" />
-                                <div class="fieldDescription">Number of pollen particles (if enabled).</div>
-                            </div>
-                            <div class="inputContainer">
-                                <label class="inputLabel" for="SpringSunbeamCount">Sunbeam Count</label>
-                                <input is="emby-input" type="number" id="SpringSunbeamCount" name="SpringSunbeamCount" />
-                                <div class="fieldDescription">Number of sunbeams (if enabled).</div>
+                                <div class="fieldDescription">Number of pollen particles.</div>
                             </div>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
@@ -609,6 +587,11 @@
                                     <span>Enable Sunbeams</span>
                                 </label>
                                 <div class="fieldDescription">Display sunbeams at the top of the screen.</div>
+                            </div>
+                            <div class="inputContainer">
+                                <label class="inputLabel" for="SpringSunbeamCount">Sunbeam Count</label>
+                                <input is="emby-input" type="number" id="SpringSunbeamCount" name="SpringSunbeamCount" />
+                                <div class="fieldDescription">Number of sunbeams.</div>
                             </div>
 							<div class="inputContainer">
                                 <label class="inputLabel" for="SpringBirdCount">Bird Count</label>
@@ -631,9 +614,9 @@
                                 <div class="fieldDescription">Number of ladybugs walking along the bottom.</div>
                             </div>
                             <div class="inputContainer">
-                                <label class="inputLabel" for="SpringSymbolCountMobile">Symbol Count (Mobile)</label>
+                                <label class="inputLabel" for="SpringSymbolCountMobile">Symbol Count Mobile (Devisor)</label>
                                 <input is="emby-input" type="number" id="SpringSymbolCountMobile" name="SpringSymbolCountMobile" />
-                                <div class="fieldDescription">Amount of mixed symbols on mobile. Warning: High values may affect performance.</div>
+                                <div class="fieldDescription">Devisor of the symbols count for mobile devices.</div>
                             </div>
                             
                         </details>
@@ -648,22 +631,20 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Summer theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="SummerBubbleCount">Bubbles Count</label>
                                 <input is="emby-input" type="number" id="SummerBubbleCount" name="SummerBubbleCount" />
-                                <div class="fieldDescription">Number of bubbles (if enabled).</div>
+                                <div class="fieldDescription">Number of bubbles.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="SummerDustCount">Dust Count</label>
                                 <input is="emby-input" type="number" id="SummerDustCount" name="SummerDustCount" />
-                                <div class="fieldDescription">Number of dust particles (if enabled).</div>
+                                <div class="fieldDescription">Number of dust particles.</div>
                             </div>
                             <div class="inputContainer">
-                                <label class="inputLabel" for="SummerSymbolCountMobile">Symbol Count (Mobile)</label>
+                                <label class="inputLabel" for="SummerSymbolCountMobile">Symbol Count Mobile (Devisor)</label>
                                 <input is="emby-input" type="number" id="SummerSymbolCountMobile" name="SummerSymbolCountMobile" />
-                                <div class="fieldDescription">Amount of mixed symbols on mobile. Warning: High values may affect performance.</div>
+                                <div class="fieldDescription">Devisor of the symbols count for mobile devices.</div>
                             </div>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
@@ -684,12 +665,10 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Carnival theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="CarnivalObjectCount">Confetti Count</label>
                                 <input is="emby-input" type="number" id="CarnivalObjectCount" name="CarnivalObjectCount" />
-                                <div class="fieldDescription">Number of additional confetti pieces (if enabled).</div>
+                                <div class="fieldDescription">Number of confetti pieces.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="CarnivalObjectCountMobile">Confetti Count (Mobile)</label>
@@ -722,12 +701,10 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Cherry Blossom theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="CherryBlossomPetalCount">Petal Count</label>
                                 <input is="emby-input" type="number" id="CherryBlossomPetalCount" name="CherryBlossomPetalCount" />
-                                <div class="fieldDescription">Number of additional cherry blossoms (if enabled).</div>
+                                <div class="fieldDescription">Number of cherry blossoms.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="CherryBlossomPetalCountMobile">Petal Count (Mobile)</label>
@@ -754,15 +731,13 @@
                                 <div class="fieldDescription">Enable the Earth Day theme in general (e.g. for automation).</div>
                             </div>
                             <div class="inputContainer">
-                                <label class="inputLabel" for="EarthDayVineCount">Vine Count</label>
-                                <input is="emby-input" type="number" id="EarthDayVineCount" name="EarthDayVineCount" />
-                                <div class="fieldDescription">Number of animated vines (if enabled).</div>
+                                <label class="inputLabel" for="EarthDayFlowersCount">Flowers Count</label>
+                                <input is="emby-input" type="number" id="EarthDayFlowersCount" name="EarthDayFlowersCount" />
+                                <div class="fieldDescription">Number of flowers in the lawn.</div>
                             </div>
                         </details>
                         <hr style="max-width: 800px; margin: 1em 0;">
                         
-                        
-                        
                         <details>
                             <summary>Sports</summary>
                             <div class="checkboxContainer checkboxContainer-withDescription">
@@ -772,8 +747,6 @@
                                 </label>
                                 <div class="fieldDescription">Enable the sports theme effects in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="SportsSymbolCount">Symbol Count</label>
                                 <input is="emby-input" type="number" id="SportsSymbolCount" name="SportsSymbolCount" />
@@ -796,16 +769,16 @@
                             <div class="inputContainer">
                                 <label class="inputLabel" for="TurfColor">Turf Color</label>
                                 <input is="emby-input" type="color" id="TurfColor" name="TurfColor" value="#228b22" />
-                                <div class="fieldDescription">Color of the grass/turf strip at the bottom.</div>
+                                <div class="fieldDescription">Color of the grass/turf/floor strip at the bottom.</div>
                             </div>
                             <div class="inputContainer">
-                                <label class="inputLabel" for="SportsConfettiColors">Confetti Colors (comma-separated hex)</label>
+                                <label class="inputLabel" for="SportsConfettiColors">Confetti Colors (comma-separated hex) - e.g. national flag colors</label>
                                 <input is="emby-input" type="text" id="SportsConfettiColors" name="SportsConfettiColors" />
                                 <div class="fieldDescription">Colors used for the confetti burst. Example: #000000,#FF0000,#FFCC00</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel">Enabled Sports Balls</label>
-                                <div class="fieldDescription" style="margin-bottom: 8px;">Select which sports balls should be featured.</div>
+                                <div class="fieldDescription" style="margin-bottom: 8px;">Select which sports balls should be displayed.</div>
                                 <div style="display: flex; flex-wrap: wrap; gap: 15px;">
                                     <label class="emby-checkbox-label">
                                         <input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="badminton" />
@@ -837,7 +810,7 @@
                                     </label>
                                     <label class="emby-checkbox-label">
                                         <input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="rugby" />
-                                        <span>Rugby</span>
+                                        <span>Rugby/American Football</span>
                                     </label>
                                     <label class="emby-checkbox-label">
                                         <input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="table_tennis" />
@@ -853,7 +826,7 @@
                                     </label>
                                     <label class="emby-checkbox-label">
                                         <input type="checkbox" is="emby-checkbox" class="sport-ball-cb" value="waterball" />
-                                        <span>Waterpolo</span>
+                                        <span>Water Polo</span>
                                     </label>
                                 </div>
                             </div>
@@ -869,12 +842,10 @@
                                 </label>
                                 <div class="fieldDescription">Enable the olympia theme effects in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="OlympiaSymbolCount">Symbol Count</label>
                                 <input is="emby-input" type="number" id="OlympiaSymbolCount" name="OlympiaSymbolCount" />
-                                <div class="fieldDescription">Number of additional symbols displayed (if enabled).</div>
+                                <div class="fieldDescription">Number of symbols displayed.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="OlympiaSymbolCountMobile">Symbol Count (Mobile)</label>
@@ -899,37 +870,35 @@
                                 </label>
                                 <div class="fieldDescription">Enable the space theme effects in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="PlanetCount">Planet Count</label>
                                 <input is="emby-input" type="number" id="PlanetCount" name="PlanetCount" />
-                                <div class="fieldDescription">Number of planets displayed (if enabled).</div>
+                                <div class="fieldDescription">Number of planets displayed.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="AstronautCount">Astronaut Count</label>
                                 <input is="emby-input" type="number" id="AstronautCount" name="AstronautCount" />
-                                <div class="fieldDescription">Number of astronauts displayed (if enabled).</div>
+                                <div class="fieldDescription">Number of astronauts displayed.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="SatelliteCount">Satellite Count</label>
                                 <input is="emby-input" type="number" id="SatelliteCount" name="SatelliteCount" />
-                                <div class="fieldDescription">Number of satellites displayed (if enabled).</div>
+                                <div class="fieldDescription">Number of satellites displayed.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="IssCount">ISS Count</label>
                                 <input is="emby-input" type="number" id="IssCount" name="IssCount" />
-                                <div class="fieldDescription">Number of ISS symbols displayed (if enabled).</div>
+                                <div class="fieldDescription">Number of ISS displayed.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="RocketCount">Rocket Count</label>
                                 <input is="emby-input" type="number" id="RocketCount" name="RocketCount" />
-                                <div class="fieldDescription">Number of rockets displayed (if enabled).</div>
+                                <div class="fieldDescription">Number of rockets/Space Shuttles displayed.</div>
                             </div>
                             <div class="inputContainer">
-                                <label class="inputLabel" for="SpaceSymbolCountMobile">Symbol Count (Replaces individual counts) (Mobile)</label>
+                                <label class="inputLabel" for="SpaceSymbolCountMobile">Symbol Count Mobile (Devisor)</label>
                                 <input is="emby-input" type="number" id="SpaceSymbolCountMobile" name="SpaceSymbolCountMobile" />
-                                <div class="fieldDescription">Amount of combined symbols on mobile. Minimum 0. Warning: High values may affect performance.</div>
+                                <div class="fieldDescription">Devisor of the symbols count for mobile devices.</div>
                             </div>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
@@ -956,13 +925,6 @@
                                 </label>
                                 <div class="fieldDescription">Enable god rays from the top.</div>
                             </div>
-                            
-                            
-                            <div class="inputContainer">
-                                <label class="inputLabel" for="UnderwaterSymbolCountMobile">Symbol Count (Mobile)</label>
-                                <input is="emby-input" type="number" id="UnderwaterSymbolCountMobile" name="UnderwaterSymbolCountMobile" />
-                                <div class="fieldDescription">Amount of sea creatures shown on mobile. Minimum 0.</div>
-                            </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="UnderwaterSeaweedCount">Seaweed Count</label>
                                 <input is="emby-input" type="number" id="UnderwaterSeaweedCount" name="UnderwaterSeaweedCount" />
@@ -976,26 +938,37 @@
                             <div class="inputContainer">
                                 <label class="inputLabel" for="UnderwaterSeahorseCount">Seahorse Count</label>
                                 <input is="emby-input" type="number" id="UnderwaterSeahorseCount" name="UnderwaterSeahorseCount" />
+                                <div class="fieldDescription">Number of swimming seahorses.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="UnderwaterJellyfishCount">Jellyfish Count</label>
                                 <input is="emby-input" type="number" id="UnderwaterJellyfishCount" name="UnderwaterJellyfishCount" />
+                                <div class="fieldDescription">Number of swimming jellyfish.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="UnderwaterTurtleCount">Turtle Count</label>
                                 <input is="emby-input" type="number" id="UnderwaterTurtleCount" name="UnderwaterTurtleCount" />
+                                <div class="fieldDescription">Number of swimming turtles.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="UnderwaterCrabCount">Crab Count</label>
                                 <input is="emby-input" type="number" id="UnderwaterCrabCount" name="UnderwaterCrabCount" />
+                                <div class="fieldDescription">Number of crabs at the bottom.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="UnderwaterStarfishCount">Starfish Count</label>
                                 <input is="emby-input" type="number" id="UnderwaterStarfishCount" name="UnderwaterStarfishCount" />
+                                <div class="fieldDescription">Number of starfish at the bottom.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="UnderwaterShellCount">Shell Count</label>
                                 <input is="emby-input" type="number" id="UnderwaterShellCount" name="UnderwaterShellCount" />
+                                <div class="fieldDescription">Number of shells at the bottom.</div>
+                            </div>
+                            <div class="inputContainer">
+                                <label class="inputLabel" for="UnderwaterSymbolCountMobile">Symbol Count Mobile (Devisor)</label>
+                                <input is="emby-input" type="number" id="UnderwaterSymbolCountMobile" name="UnderwaterSymbolCountMobile" />
+                                <div class="fieldDescription">Devisor of the symbols count for mobile devices.</div>
                             </div>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
@@ -1015,23 +988,20 @@
                                 </label>
                                 <div class="fieldDescription">Enable the birthday theme effects in general (e.g. for automation).</div>
                             </div>
-                            
-                            
-                            
                             <div class="inputContainer">
-                                <label class="inputLabel" for="BirthdaySymbolCount">Symbol Count</label>
+                                <label class="inputLabel" for="BirthdaySymbolCount">Balloons Count</label>
                                 <input is="emby-input" type="number" id="BirthdaySymbolCount" name="BirthdaySymbolCount" />
-                                <div class="fieldDescription">Number of additional symbols displayed (if enabled).</div>
+                                <div class="fieldDescription">Number of balloons displayed.</div>
                             </div>
                             <div class="inputContainer">
-                                <label class="inputLabel" for="BirthdaySymbolCountMobile">Symbol Count (Mobile)</label>
+                                <label class="inputLabel" for="BirthdaySymbolCountMobile">Balloons Count (Mobile)</label>
                                 <input is="emby-input" type="number" id="BirthdaySymbolCountMobile" name="BirthdaySymbolCountMobile" />
-                                <div class="fieldDescription">Amount of symbols on mobile. Minimum 0. Warning: High values may affect performance.</div>
+                                <div class="fieldDescription">Amount of balloons on mobile. Minimum 0. Warning: High values may affect performance.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="BirthdayConfettiCount">Confetti Count</label>
                                 <input is="emby-input" type="number" id="BirthdayConfettiCount" name="BirthdayConfettiCount" />
-                                <div class="fieldDescription">Number of confetti pieces created when a balloon bursts.</div>
+                                <div class="fieldDescription">Number of confetti pieces.</div>
                             </div>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
@@ -1043,7 +1013,7 @@
                         <hr style="max-width: 800px; margin: 1em 0;">
 
                         <details>
-                            <summary>Eurovision / Musik</summary>
+                            <summary>Eurovision / Music</summary>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
                                     <input id="EnableEurovision" name="EnableEurovision" type="checkbox" is="emby-checkbox" />
@@ -1051,10 +1021,8 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Eurovision/Music theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
-                                <label class="inputLabel" for="EurovisionSymbolCount">Symbol Count</label>
+                                <label class="inputLabel" for="EurovisionSymbolCount">Music Notes Count</label>
                                 <input is="emby-input" type="number" id="EurovisionSymbolCount" name="EurovisionSymbolCount" />
                                 <div class="fieldDescription">Number of dancing music notes on screen.</div>
                             </div>
@@ -1068,7 +1036,7 @@
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
                                     <input id="EnableColorfulNotes" name="EnableColorfulNotes" type="checkbox" is="emby-checkbox" />
-                                    <span>Colorful Notes Mode</span>
+                                    <span>Colorful Notes</span>
                                 </label>
                                 <div class="fieldDescription">If checked, notes will pick colors from the array below. If unchecked, notes will be white.</div>
                             </div>
@@ -1094,31 +1062,22 @@
                                 </label>
                                 <div class="fieldDescription">Enable the Matrix theme in general (e.g. for automation).</div>
                             </div>
-                            
-                            
                             <div class="inputContainer">
                                 <label class="inputLabel" for="MatrixSymbolCount">Symbol Count</label>
                                 <input is="emby-input" type="number" id="MatrixSymbolCount" name="MatrixSymbolCount" />
-                                <div class="fieldDescription">Number of additional digital rain columns (if enabled).</div>
+                                <div class="fieldDescription">Number of digital rain columns.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="MatrixChars">Raining Characters</label>
                                 <input is="emby-input" type="text" id="MatrixChars" name="MatrixChars" />
                                 <div class="fieldDescription">Characters to use for the rain effect (default is 0-9).</div>
                             </div>
-                            <div class="checkboxContainer checkboxContainer-withDescription">
-                                <label class="emby-checkbox-label">
-                                    <input id="EnableDifferentDurationMatrix" name="EnableDifferentDurationMatrix" type="checkbox" is="emby-checkbox" />
-                                    <span>Enable Different Falling Speed</span>
-                                </label>
-                                <div class="fieldDescription">Randomize the digital rain falling speed.</div>
-                            </div>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
                                     <input id="EnableMatrixBackground" name="EnableMatrixBackground" type="checkbox" is="emby-checkbox" />
                                     <span>Background Mode (Behind UI)</span>
                                 </label>
-                                <div class="fieldDescription">Displays the Matrix animation behind library tiles and content.</div>
+                                <div class="fieldDescription">Displays the Matrix animation behind library tiles and content as "Background"</div>
                             </div>
                         </details>
                         <hr style="max-width: 800px; margin: 1em 0;">
@@ -1220,6 +1179,7 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableFrost" name="EnableFrost" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Frost Seasonal</span>
+                                    <div class="fieldDescription">Enable the Frost theme in general (e.g. for automation).</div>
                                 </label>
                             </div>
                         </details>
@@ -1231,6 +1191,7 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableFilmNoir" name="EnableFilmNoir" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Film-Noir Seasonal</span>
+                                    <div class="fieldDescription">Enable the Film-Noir theme in general (e.g. for automation).</div>
                                 </label>
                             </div>
                         </details>
@@ -1242,6 +1203,7 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableOscar" name="EnableOscar" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Oscar Awards Seasonal</span>
+                                    <div class="fieldDescription">Enable the Oscar Awards theme in general (e.g. for automation).</div>
                                 </label>
                             </div>
                         </details>
@@ -1253,12 +1215,14 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableMarioDay" name="EnableMarioDay" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Mario Day Seasonal</span>
+                                    <div class="fieldDescription">Enable the Mario Day theme in general (e.g. for automation).</div>
                                 </label>
                             </div>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
                                     <input id="LetMarioJump" name="LetMarioJump" type="checkbox" is="emby-checkbox" />
                                     <span>Let Mario Jump</span>
+                                    <div class="fieldDescription">Lets Mario jump randomly.</div>
                                 </label>
                             </div>
                         </details>
@@ -1270,6 +1234,7 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableStarWars" name="EnableStarWars" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Star Wars Seasonal</span>
+                                    <div class="fieldDescription">Enable the Star Wars theme in general (e.g. for automation).</div>
                                 </label>
                             </div>
                         </details>
@@ -1281,20 +1246,24 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableOktoberfest" name="EnableOktoberfest" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Oktoberfest Seasonal</span>
+                                    <div class="fieldDescription">Enable the Oktoberfest theme in general (e.g. for automation).</div>
                                 </label>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="OktoberfestCount">Symbol Count</label>
                                 <input is="emby-input" type="number" id="OktoberfestCount" name="OktoberfestCount" />
+                                <div class="fieldDescription">Total number of symbols in the Oktoberfest theme.</div>
                             </div>
                             <div class="inputContainer">
                                 <label class="inputLabel" for="OktoberfestCountMobile">Symbol Count (Mobile)</label>
                                 <input is="emby-input" type="number" id="OktoberfestCountMobile" name="OktoberfestCountMobile" />
+                                <div class="fieldDescription">Total number of symbols on mobile devices. Warning: High values may affect performance.</div>
                             </div>
                             <div class="checkboxContainer checkboxContainer-withDescription">
                                 <label class="emby-checkbox-label">
                                     <input id="EnableDifferentDurationOktoberfest" name="EnableDifferentDurationOktoberfest" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Different Duration</span>
+                                    <div class="fieldDescription">Randomize the Oktoberfest symbol duration.</div>
                                 </label>
                             </div>
                         </details>
@@ -1306,6 +1275,7 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableFriday13" name="EnableFriday13" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Friday the 13th Seasonal</span>
+                                    <div class="fieldDescription">Enable the Friday the 13th theme in general (e.g. for automation).</div>
                                 </label>
                             </div>
                         </details>
@@ -1317,6 +1287,7 @@
                                 <label class="emby-checkbox-label">
                                     <input id="EnableEid" name="EnableEid" type="checkbox" is="emby-checkbox" />
                                     <span>Enable Eid al-Fitr Seasonal</span>
+                                    <div class="fieldDescription">Enable the Eid al-Fitr theme in general (e.g. for automation).</div>
                                 </label>
                             </div>
                             <div class="inputContainer">
@@ -1693,7 +1664,7 @@
                         // EarthDay
 
                         document.querySelector('#EnableEarthDay').checked = config.EarthDay.EnableEarthDay;
-                        document.querySelector('#EarthDayVineCount').value = config.EarthDay.VineCount;
+                        document.querySelector('#EarthDayFlowersCount').value = config.EarthDay.FlowersCount;
 
                         // Easter
 
@@ -2072,7 +2043,7 @@
 
                         // Earth Day
                         config.EarthDay.EnableEarthDay = document.querySelector('#EnableEarthDay').checked;
-                        config.EarthDay.VineCount = parseInt(document.querySelector('#EarthDayVineCount').value);
+                        config.EarthDay.FlowersCount = parseInt(document.querySelector('#EarthDayFlowersCount').value);
 
                         // Eurovision
                         config.Eurovision.EnableEurovision = document.querySelector('#EnableEurovision').checked;
@@ -2195,7 +2166,7 @@
 
                         // Earth Day
                         config.EarthDay.EnableEarthDay = document.querySelector('#EnableEarthDay').checked;
-                        config.EarthDay.VineCount = parseInt(document.querySelector('#EarthDayVineCount').value);
+                        config.EarthDay.FlowersCount = parseInt(document.querySelector('#EarthDayFlowersCount').value);
 
                         // Eurovision (second pass - deduplicated)
                         config.Eurovision.EnableEurovision = document.querySelector('#EnableEurovision').checked;