45 lines
1.4 KiB
JavaScript
45 lines
1.4 KiB
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
// Konfiguration: Hier das aktuelle Theme definieren
|
|
const currentTheme = 'snowflakes'; // Beispiele: 'snowflakes', 'autumn', 'summer'
|
|
|
|
// Mapping der Themes zu den entsprechenden Dateien
|
|
const themes = {
|
|
snowflakes: {
|
|
css: 'snowflakes.css',
|
|
js: 'snowflakes.js',
|
|
},
|
|
autumn: {
|
|
css: 'autumn.css',
|
|
js: 'autumn.js',
|
|
},
|
|
summer: {
|
|
css: 'summer.css',
|
|
js: 'summer.js',
|
|
},
|
|
};
|
|
|
|
// Dynamisch Klasse des "seasonals"-Divs ändern
|
|
const seasonalDiv = document.querySelector('.seasonals');
|
|
if (seasonalDiv) {
|
|
seasonalDiv.className = currentTheme; // Setzt die Klasse auf z. B. "snowflakes"
|
|
} else {
|
|
console.error('Kein Element mit der Klasse "seasonals" gefunden.');
|
|
}
|
|
|
|
// Prüfen, ob das aktuelle Theme verfügbar ist
|
|
if (themes[currentTheme]) {
|
|
// Dynamisch CSS-Datei laden
|
|
const link = document.createElement('link');
|
|
link.rel = 'stylesheet';
|
|
link.href = themes[currentTheme].css;
|
|
document.head.appendChild(link);
|
|
|
|
// Dynamisch JavaScript-Datei laden
|
|
const script = document.createElement('script');
|
|
script.src = themes[currentTheme].js;
|
|
document.body.appendChild(script);
|
|
} else {
|
|
console.error(`Theme "${currentTheme}" nicht gefunden.`);
|
|
}
|
|
});
|