app/static/css/assiduites.css

@@ -1,15 +1,17 @@
 :root {
     --color-present: #6bdb83;
     --color-absent: #e62a11;
+    --color-absent-clair: #F25D4A;
     --color-retard: #f0c865;
     --color-justi: #7059FF;
+    --color-justi-clair: #6885E3;
     --color-justi-invalide: #a84476;
     --color-nonwork: #badfff;
 
     --color-absent-justi: #e65ab7;
     --color-retard-justi: #ffef7a;
 
-    --color-error: #FF0000;
+    --color-error: #e62a11;
     --color-warning: #eec660;
     --color-information: #658ef0;
 
@@ -21,7 +23,7 @@
 
     --color-defaut: #FFF;
     --color-defaut-dark: #444;
-
+    --color-default-text: #1F1F1F;
 
 
     --motif-justi: repeating-linear-gradient(135deg, transparent, transparent 4px, var(--color-justi) 4px, var(--color-justi) 8px);

app/templates/assiduites/widgets/tableau_assi.j2

@@ -88,6 +88,7 @@
                     td.textContent = getModuleImpl(assiduite);
                 } else if (k.indexOf('est_just') != -1) {
                     td.textContent = assiduite[k] ? "Oui" : "Non"
+                    if (assiduite[k]) row.classList.add("est_just")
                 } else if (k.indexOf('etudid') != -1) {
                     const e = getEtudiant(assiduite.etudid);
 

app/templates/assiduites/widgets/tableau_base.j2

@@ -456,6 +456,7 @@
     td {
         border: 1px solid #dddddd;
         padding: 8px;
+        color: var(--color-default-text);
     }
 
     th {
@@ -498,17 +499,25 @@
 
     .l-absent,
     .l-invalid {
-        background-color: var(--color-absent);
+        background-color: var(--color-absent-clair);
     }
 
     .l-valid {
-        background-color: var(--color-primary);
+        background-color: var(--color-justi-clair);
     }
 
     .l-retard {
         background-color: var(--color-retard);
     }
 
+    .l-absent.est_just {
+        background-color: var(--color-absent-justi);
+    }
+
+    .l-retard.est_just {
+        background-color: var(--color-retard-justi);
+    }
+
     /* Ajoutez des styles pour le conteneur de pagination et les boutons */
     .pagination-container {
         display: flex;