Add spring, summer, and carnival themes to the theme selector

This commit is contained in:
CodeDevMLH
2026-02-19 03:18:32 +01:00
parent 007e55a612
commit 92d9e1a9ad

View File

@@ -245,6 +245,9 @@
<option value="autumn">Autumn</option> <option value="autumn">Autumn</option>
<option value="easter">Easter</option> <option value="easter">Easter</option>
<option value="resurrection">Resurrection</option> <option value="resurrection">Resurrection</option>
<option value="spring">Spring</option>
<option value="summer">Summer (Bubbles)</option>
<option value="carnival">Carnival (Confetti)</option>
<option value="custom">⚙ Custom (Local Files)</option> <option value="custom">⚙ Custom (Local Files)</option>
</select> </select>
@@ -327,6 +330,9 @@
autumn: { css: 'autumn.css', js: 'autumn.js', container: 'autumn-container' }, autumn: { css: 'autumn.css', js: 'autumn.js', container: 'autumn-container' },
easter: { css: 'easter.css', js: 'easter.js', container: 'easter-container' }, easter: { css: 'easter.css', js: 'easter.js', container: 'easter-container' },
resurrection: { css: 'resurrection.css', js: 'resurrection.js', container: 'resurrection-container' }, resurrection: { css: 'resurrection.css', js: 'resurrection.js', container: 'resurrection-container' },
spring: { css: 'spring.css', js: 'spring.js', container: 'spring-container' },
summer: { css: 'summer.css', js: 'summer.js', container: 'summer-container' },
carnival: { css: 'carnival.css', js: 'carnival.js', container: 'carnival-container' },
}; };
const select = document.getElementById('theme-select'); const select = document.getElementById('theme-select');
@@ -352,7 +358,9 @@
'.snowfall-container', '.snowflakes', '.snowstorm-container', '.snowfall-container', '.snowflakes', '.snowstorm-container',
'.fireworks', '.halloween-container', '.hearts-container', '.fireworks', '.halloween-container', '.hearts-container',
'.christmas-container', '.santa-container', '.autumn-container', '.christmas-container', '.santa-container', '.autumn-container',
'.easter-container', '.resurrection-container' '.christmas-container', '.santa-container', '.autumn-container',
'.easter-container', '.resurrection-container', '.spring-container',
'.summer-container', '.carnival-container'
]; ];
knownContainers.forEach(sel => { knownContainers.forEach(sel => {
document.querySelectorAll(sel).forEach(el => { document.querySelectorAll(sel).forEach(el => {