fixe: column headers are not visible in dark mode

src/App.vue

@@ -597,7 +597,8 @@ code {
 }
 
 .votes-details th {
-  background-color: #f5f5f5;
+  background-color: var(--th-background, #f5f5f5);
+  color: var(--th-color, inherit);
   font-weight: 600;
 }
 
@@ -740,4 +741,40 @@ code {
     width: 100%;
   }
 }
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --th-background: #2a2a2a;
+    --th-color: #ffffff;
+  }
+
+  .votes-details th {
+    border-bottom: 1px solid #444;
+    color: #ffffff;
+    background-color: #2a2a2a;
+  }
+
+  .votes-details td {
+    border-bottom: 1px solid #333;
+    color: #e0e0e0;
+  }
+
+  .sortable-header {
+    color: #ffffff;
+  }
+
+  .sortable-header:hover {
+    background-color: #3a3a3a;
+  }
+
+  /* Améliorer la visibilité des flèches de tri */
+  .sort-arrow {
+    color: #ffffff;
+  }
+
+  .sort-arrow.visible {
+    opacity: 1;
+    color: #ffffff;
+  }
+}
 </style>