const bgColorPicker = document.getElementById('bgColorPicker');
const textColorPicker = document.getElementById('textColorPicker');
// Charger les préférences enregistrées au démarrage
window.addEventListener('DOMContentLoaded', () => {
const savedBgColor = localStorage.getItem('togola_bg_color');
const savedTextColor = localStorage.getItem('togola_text_color');
if (savedBgColor) {
document.body.style.backgroundColor = savedBgColor;
bgColorPicker.value = savedBgColor;
}
if (savedTextColor) {
document.body.style.color = savedTextColor;
textColorPicker.value = savedTextColor;
}
});
// Changer la couleur de fond dynamiquement
bgColorPicker.addEventListener('input', (e) => {
const color = e.target.value;
document.body.style.backgroundColor = color;
localStorage.setItem('togola_bg_color', color);
});
// Changer la couleur du texte dynamiquement
textColorPicker.addEventListener('input', (e) => {
const color = e.target.value;
document.body.style.color = color;
localStorage.setItem('togola_text_color', color);
});