feat: disable darkmode for now, also is better for visibility on day of run...

src/tailwind.css

@@ -1,4 +1,7 @@
 @import "tailwindcss";
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+
+
 
 * {
 	font-family: Athiti;

src/views/Profile.vue

@@ -218,47 +218,50 @@
               <section class="dark:bg-gray-900 body-font">
                 <div class="container mx-auto">
                   <div class="lg:w-2/3 w-full mx-auto">
-                    <p class="mb-2">
-                      {{ $t('total_distance') }}: {{ getReadableDistanceForUI() }}
-                    </p>
-                    <table v-if="state.scans.length > 0" class="table-auto w-full text-left whitespace-no-wrap">
-                      <thead class="
+                    <div v-if="state.scans.length > 0">
+                      <p class="mb-2">
+                        {{ $t('total_distance') }}: {{ getReadableDistanceForUI() }}
+                      </p>
+
+                      <table class="table-auto w-full text-left whitespace-no-wrap">
+                        <thead class="
                           text-black
                           bg-gray-300
                           dark:text-white
                           text-sm
                           dark:bg-gray-800
                         ">
-                        <tr>
-                          <th class="
+                          <tr>
+                            <th class="
                               px-4
                               py-3
                               title-font
                               tracking-wider
                               font-medium
                             ">
-                            {{ $t("distance") }}
-                          </th>
-                          <th class="
+                              {{ $t("distance") }}
+                            </th>
+                            <th class="
                               px-4
                               py-3
                               title-font
                               tracking-wider
                               font-medium
                             ">
-                            {{ $t("lap_time") }}
-                          </th>
-                        </tr>
-                      </thead>
-                      <tbody class="text-gray-900 dark:text-gray-50">
-                        <tr v-for="s in state.scans" :key="s.id">
-                          <td class="px-4 py-3">
-                            <span v-text="s.distance_readable"></span>
-                          </td>
-                          <td class="px-4 py-3" v-text="s.lapTime_readable"></td>
-                        </tr>
-                      </tbody>
-                    </table>
+                              {{ $t("lap_time") }}
+                            </th>
+                          </tr>
+                        </thead>
+                        <tbody class="text-gray-900 dark:text-gray-50">
+                          <tr v-for="s in state.scans" :key="s.id">
+                            <td class="px-4 py-3">
+                              <span v-text="s.distance_readable"></span>
+                            </td>
+                            <td class="px-4 py-3" v-text="s.lapTime_readable"></td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
                     <div v-else class="
                         text-center
                         font-bold
@@ -266,7 +269,7 @@
                         dark:text-white
                         text-2xl
                       ">
-                      <img src="../assets/empty_laps.svg" style="height: 25rem; margin: 0 auto"
+                      <img src="../assets/empty_laps.svg" class="mx-auto h-64"
                         :alt="[[$t('no_laps_scans_were_recorded_yet')]]" />
                       {{ $t("no_laps_scans_were_recorded_yet") }}
                     </div>
@@ -399,7 +402,8 @@
                           </tr>
                         </thead>
                         <tbody class="text-gray-900 dark:text-gray-50">
-                          <tr class="odd:bg-white even:bg-gray-100 dark:odd:bg-neutral-900 dark:even:bg-neutral-800" v-for="s in state.sponsorings" :key="s.id">
+                          <tr class="odd:bg-white even:bg-gray-100 dark:odd:bg-neutral-900 dark:even:bg-neutral-800"
+                            v-for="s in state.sponsorings" :key="s.id">
                             <td class="px-4 py-3">
                               <span v-text="s.donor.firstname + ' '"></span>
                               <span v-if="s.donor.middlename">