Light mode support

resources/js/components/PerceptronIterationsErrorsGraph.vue

@@ -5,11 +5,14 @@ import { Bar } from 'vue-chartjs';
 import { colors, gridColor, gridColorBold } from '@/types/graphs';
 import type { Iteration } from '@/types/perceptron';
 import Toggle from './ui/toggle/Toggle.vue';
+import { usePage } from '@inertiajs/vue3';
 
 const props = defineProps<{
     iterations: Iteration[];
 }>();
 
+const page = usePage();
+
 const epochErrorOnly = ref<boolean>(false);
 
 /**
@@ -84,7 +87,7 @@ const datasets = computed<
 
 <template>
     <Bar
-        class="flex"
+        class="bg-primary dark:bg-transparent!"
         :options="{
             responsive: true,
             maintainAspectRatio: true,