add clear style + switcher.

public/js/script.js

@@ -9,6 +9,39 @@ let currentSortCol = null;
 let isAsc = true;
 
 
+// --- GESTION DU THÈME (CLAIR / SOMBRE) ---
+function initTheme() {
+    const savedTheme = localStorage.getItem('jira_extractor_theme') || 'dark';
+    setTheme(savedTheme, false);
+}
+
+function toggleTheme() {
+    const currentTheme = document.documentElement.getAttribute('data-theme') === 'light' ? 'light' : 'dark';
+    const newTheme = currentTheme === 'light' ? 'dark' : 'light';
+    setTheme(newTheme, true);
+}
+
+function setTheme(theme, withToast = false) {
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('jira_extractor_theme', theme);
+
+    const icon = document.getElementById('themeIcon');
+    const label = document.getElementById('themeLabel');
+    if (icon && label) {
+        if (theme === 'light') {
+            icon.className = 'fa-solid fa-moon';
+            label.textContent = 'Mode sombre';
+        } else {
+            icon.className = 'fa-solid fa-sun';
+            label.textContent = 'Mode clair';
+        }
+    }
+
+    if (withToast) {
+        showToast(theme === 'light' ? 'Mode clair activé' : 'Mode sombre activé');
+    }
+}
+
 // Sauvegarde les paramètres dans le stockage local du navigateur
 function saveSettings() {
     const settings = {
@@ -682,6 +715,7 @@ function clearResults() { allTickets=[]; filteredTickets=[]; document.getElement
 document.addEventListener('keydown', e => { if((e.ctrlKey||e.metaKey)&&e.key==='Enter'){e.preventDefault();startExtraction()} });
 // Cet événement se déclenche quand le navigateur a fini de charger le HTML
 document.addEventListener('DOMContentLoaded', () => {
+    initTheme();
     loadSettings();
     console.log("Paramètres chargés depuis le stockage local.");
 });