40d4d9f37a
- Satisfactory, Avorion und Hellion Stealth als neue Themes - Alle 11 Theme-Bilder von JPG/PNG nach WebP konvertieren (~12 MB → 1.1 MB) - Browser-Lesezeichen direkt importieren mit Ordner-Auswahl Modal - Duplikat-Erkennung, URL-Validierung, Chrome/Firefox-Kompatibilität - Version auf 1.11.1 aktualisieren (Manifeste, data.js, newtab.html, app.js)
34 lines
1.3 KiB
JavaScript
34 lines
1.3 KiB
JavaScript
/* =============================================
|
|
HELLION NEWTAB — themes.js
|
|
Theme-Definitionen & Anwendungslogik
|
|
============================================= */
|
|
|
|
const THEMES = {
|
|
'nebula': { bg: 'assets/themes/bg-nebula.webp' },
|
|
'crescent': { bg: 'assets/themes/bg-crescent.webp' },
|
|
'event-horizon': { bg: 'assets/themes/bg-event-horizon.webp' },
|
|
'merchantman': { bg: 'assets/themes/bg-merchantman.webp' },
|
|
'julia-jin': { bg: 'assets/themes/bg-julia-jin.webp' },
|
|
'sc-sunset': { bg: 'assets/themes/bg-sc-sunset.webp' },
|
|
'hellion-hud': { bg: 'assets/themes/bg-hellion-hud.webp' },
|
|
'hellion-energy': { bg: 'assets/themes/bg-hellion-energy.webp' },
|
|
'satisfactory': { bg: 'assets/themes/bg-satisfactory.webp' },
|
|
'avorion': { bg: 'assets/themes/bg-avorion.webp' },
|
|
'hellion-stealth': { bg: 'assets/themes/bg-scPolaris.webp' }
|
|
};
|
|
|
|
function applyTheme(themeName, skipBgOverride) {
|
|
const theme = THEMES[themeName];
|
|
if (!theme) return;
|
|
|
|
document.documentElement.setAttribute('data-theme', themeName);
|
|
|
|
if (!skipBgOverride) {
|
|
document.getElementById('bgLayer').style.backgroundImage = `url('${theme.bg}')`;
|
|
}
|
|
|
|
document.querySelectorAll('.theme-card').forEach(card => {
|
|
card.classList.toggle('active', card.dataset.value === themeName);
|
|
});
|
|
}
|