RELEASE V.1.2.1 - Voici les fonctionnalités :

->Refonte visuelle + Prise en charge du mode sombre par l'ensemble des composants.

src/pages/systeme-maj/SystemeMaj.css

@@ -114,27 +114,66 @@
 }
 
 /* Dark mode adjustments */
-body.dark-mode .maj-header {
-  border-bottom-color: #333;
+body.dark-mode .maj-content,
+[data-theme="dark"] .maj-content {
+  background: transparent;
 }
 
-body.dark-mode .maj-title h3 {
-  color: #e0e0e0;
+body.dark-mode .maj-card,
+[data-theme="dark"] .maj-card {
+  background: #151f30;
+  border: 1px solid #243247;
+  color: #f8fafc;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
+  border-radius: 12px;
+  padding: 20px;
 }
 
-body.dark-mode .alert-new-version {
-  background: #451a03;
+body.dark-mode .maj-header,
+[data-theme="dark"] .maj-header {
+  border-bottom-color: #243247;
+}
+
+body.dark-mode .maj-title h3,
+[data-theme="dark"] .maj-title h3 {
+  color: #f8fafc;
+}
+
+body.dark-mode .maj-actions p,
+[data-theme="dark"] .maj-actions p {
+  color: #94a3b8;
+}
+
+body.dark-mode .alert-new-version,
+[data-theme="dark"] .alert-new-version {
+  background: rgba(245, 158, 11, 0.12);
   border-color: #f59e0b;
 }
 
-body.dark-mode .alert-new-version strong {
+body.dark-mode .alert-new-version strong,
+[data-theme="dark"] .alert-new-version strong {
   color: #fde68a;
 }
 
-body.dark-mode .alert-new-version p {
+body.dark-mode .alert-new-version p,
+[data-theme="dark"] .alert-new-version p {
   color: #fcd34d;
 }
 
-body.dark-mode .progress-text {
+body.dark-mode .progress-text,
+[data-theme="dark"] .progress-text {
   color: #38bdf8;
 }
+
+@media (max-width: 600px) {
+  .maj-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .alert-new-version {
+    flex-direction: column;
+  }
+}
+