ajouté dark mode et changer l'affichage des équipes dans les match. Changé les couleurs pour ressembler plus au couleur de l'udes

static/js/main.js

@@ -1,3 +1,33 @@
+// Dark Mode Toggle
+function toggleDarkMode() {
+    const body = document.documentElement;
+    const isDark = body.getAttribute('data-theme') === 'dark';
+    const toggle = document.getElementById('darkModeToggle');
+    
+    if (isDark) {
+        body.removeAttribute('data-theme');
+        localStorage.setItem('theme', 'light');
+        toggle.innerHTML = '<i class="fas fa-moon"></i>';
+    } else {
+        body.setAttribute('data-theme', 'dark');
+        localStorage.setItem('theme', 'dark');
+        toggle.innerHTML = '<i class="fas fa-sun"></i>';
+    }
+}
+
+// Load saved theme preference
+function loadTheme() {
+    const savedTheme = localStorage.getItem('theme');
+    const toggle = document.getElementById('darkModeToggle');
+    
+    if (savedTheme === 'dark') {
+        document.documentElement.setAttribute('data-theme', 'dark');
+        if (toggle) {
+            toggle.innerHTML = '<i class="fas fa-sun"></i>';
+        }
+    }
+}
+
 // Sidebar toggle for mobile
 function toggleSidebar() {
     const sidebar = document.getElementById('sidebar');
@@ -17,6 +47,9 @@ document.addEventListener('click', function(event) {
 
 // Auto-dismiss flash messages
 document.addEventListener('DOMContentLoaded', function() {
+    // Load theme preference
+    loadTheme();
+    
     const alerts = document.querySelectorAll('.alert-dismissible');
     alerts.forEach(function(alert) {
         setTimeout(function() {
@@ -40,4 +73,4 @@ document.querySelectorAll('[data-confirm]').forEach(function(el) {
             e.preventDefault();
         }
     });
-});
+});