diff --git a/components/home/HomeSearch.vue b/components/home/HomeSearch.vue
index 75f3188cccb2520d4e2be18dfae0eccc1c119d5f..ca412e76796916adea5acb35b532bcc9fe3fadaa 100644
--- a/components/home/HomeSearch.vue
+++ b/components/home/HomeSearch.vue
@@ -1,5 +1,5 @@
 <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
diff --git a/content/ui/home-cta.md b/content/ui/home-cta.md
index c1955a62ec36a3a3a4c00cbe96174b7e21f0c3a6..f2dc71f244249eac61c7b0b291d4054d499cff74 100644
--- a/content/ui/home-cta.md
+++ b/content/ui/home-cta.md
@@ -1,7 +1,7 @@
 <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>