add clear style + switcher.

index.html

@@ -7,6 +7,12 @@
     <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=DM+Sans:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
     <link rel="stylesheet" href="css/style.css">
+    <script>
+        (function() {
+            const savedTheme = localStorage.getItem('jira_extractor_theme') || 'dark';
+            document.documentElement.setAttribute('data-theme', savedTheme);
+        })();
+    </script>
 </head>
 <body>
     <div class="bg-grid"></div>
@@ -20,7 +26,13 @@
                 <h1>Jira Ticket Extractor</h1>
                 <p>Extraction via API locale — Proxy transparent</p>
             </div>
-            <div class="badge-api"><i class="fa-solid fa-server"></i>API : localhost:3000</div>
+            <div class="header-actions">
+                <div class="badge-api"><i class="fa-solid fa-server"></i>API : localhost:3000</div>
+                <button class="theme-toggle-btn" id="themeToggleBtn" onclick="toggleTheme()" aria-label="Changer de thème" title="Basculer vers le mode clair / sombre">
+                    <i class="fa-solid fa-sun" id="themeIcon"></i>
+                    <span id="themeLabel">Mode clair</span>
+                </button>
+            </div>
         </header>
 
         <section class="card-form">