Files
Freedom-Loader/public/script/customthemes.js
2025-08-29 10:31:13 +02:00

108 lines
3.0 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
This file is part of Freedom Loader.
Copyright (C) 2025 MasterAcnolo
Freedom Loader is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License.
Freedom Loader is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
// Liste des thèmes disponibles (clé = nom, valeur = label affiché)
const themes = {
default: "Default",
dark: "Sombre",
light: "Clair",
nf : "NF",
chirac: "Chirac",
fanatic: "Fanatic",
cyberpunk: "Cyberpunk",
spicy: "Spicy",
vilbrequin: "Vilbrequin"
};
const themeSubtitles = {
default: "Because why not?",
dark: "Darkness is my ally",
light: "Qui aime ce thème ?",
nf : "You call it music, i call it my Therapist",
chirac: "J'aime les pommes",
fanatic: "Always Fnatic !",
cyberpunk: "Wake up, choom. Weve got a city to burn.",
spicy: "The Spiciest One",
vilbrequin: "Rend l'argent"
};
const themeSelect = document.getElementById("themeSelect");
// Remplir le select avec les options
function populateThemeSelect() {
for (const [key, label] of Object.entries(themes)) {
const option = document.createElement("option");
option.value = key;
option.textContent = label;
themeSelect.appendChild(option);
}
}
// Appliquer le thème sur le body et changer le subtitle
function applyTheme(themeName) {
// Supprime les classes thème précédentes
document.body.classList.remove(...Object.keys(themes));
// Ajoute la classe du thème actuel
document.body.classList.add(themeName);
// Modifier le subtitle
const subtitle = document.getElementById("subtitle");
if (subtitle && themeSubtitles[themeName]) {
subtitle.textContent = themeSubtitles[themeName];
}
// Optionnel : animation spéciale Chirac
if (themeName === "chirac") {
requestAnimationFrame(() => {
document.body.classList.add("theme-active");
});
} else {
document.body.classList.remove("theme-active");
}
}
// Sauvegarder le thème en localStorage
function saveTheme(themeName) {
localStorage.setItem("selectedTheme", themeName);
}
// Charger le thème au démarrage
function loadTheme() {
const savedTheme = localStorage.getItem("selectedTheme");
if (savedTheme && themes[savedTheme]) {
applyTheme(savedTheme);
themeSelect.value = savedTheme;
} else {
applyTheme("dark");
themeSelect.value = "dark";
}
}
// Quand lutilisateur change le select
themeSelect.addEventListener("change", (e) => {
const selected = e.target.value;
if (themes[selected]) {
applyTheme(selected);
saveTheme(selected);
}
});
// Initialisation
populateThemeSelect();
loadTheme();