home dark mode

components/home/HomeSearch.vue

 <template>
-  <section class="bg-gray-100">
+  <section class="bg-gray-100 dark:bg-gray-800">
     <div class="container py-12 relative prose">
       <div class="flex justify-evenly">
         <TInputIcon

content/ui/home-cta.md

 <section class="grid grid-cols-4 gap-6">
   <nuxt-link
     to="/decouvrir"
-    class="bg-blue-100 p-4 rounded transition hover:shadow-xl transform hover:-translate-y-0.5"
+    class="bg-blue-100 dark:bg-blue-900 p-4 rounded transition hover:shadow-xl transform hover:-translate-y-0.5"
   >
     <div class="flex items-center justify-between">
       <h2 class="font-semibold text-lg">Découvrir</h2>
@@ -14,7 +14,7 @@
   </nuxt-link>
   <nuxt-link
     to="/comprendre"
-    class="bg-blue-100 p-4 rounded transition hover:shadow-xl transform hover:-translate-y-0.5"
+    class="bg-blue-100 dark:bg-blue-900 p-4 rounded transition hover:shadow-xl transform hover:-translate-y-0.5"
   >
     <div class="flex items-center justify-between">
       <h2 class="font-semibold text-lg">Comprendre</h2>
@@ -27,7 +27,7 @@
   </nuxt-link>
   <nuxt-link
     to="/debuter"
-    class="bg-blue-100 p-4 rounded transition hover:shadow-xl transform hover:-translate-y-0.5"
+    class="bg-blue-100 dark:bg-blue-900 p-4 rounded transition hover:shadow-xl transform hover:-translate-y-0.5"
   >
     <div class="flex items-center justify-between">
       <h2 class="font-semibold text-lg">Débuter</h2>
@@ -40,7 +40,7 @@
   </nuxt-link>
   <nuxt-link
     to="/contribuer"
-    class="bg-blue-100 p-4 rounded transition hover:shadow-xl transform hover:-translate-y-0.5"
+    class="bg-blue-100 dark:bg-blue-900 p-4 rounded transition hover:shadow-xl transform hover:-translate-y-0.5"
   >
     <div class="flex items-center justify-between">
       <h2 class="font-semibold text-lg">Contribuer</h2>