Light mode support

resources/js/components/IterationTable.vue

@@ -46,7 +46,7 @@ const rowBgDark = computed(() => {
             v-for="(iteration, index) in props.iterations"
             v-bind:key="index"
             :class="{
-                'bg-gray-900': rowBgDark[index],
+                'bg-gray-300 dark:bg-gray-900': rowBgDark[index],
             }"
         >
             <td>{{ iteration.epoch }}</td>
@@ -60,7 +60,7 @@ const rowBgDark = computed(() => {
             <td>{{ iteration.error.toFixed(2) }}</td>
         </tr>
 
-        <tr v-if="props.trainingEnded" class="bg-red-900 text-center">
+        <tr v-if="props.trainingEnded" class="bg-red-400 dark:bg-red-900 text-center">
             <td colspan="100%">
                 <strong>Entraînement terminé :</strong>
                 {{ props.trainingEndReason }}