From 62baae669bba5b1164ecfb1ba4de4233979a5ebc Mon Sep 17 00:00:00 2001 From: ManUtopiK <emmanuel.salomon@gmail.com> Date: Wed, 15 Sep 2021 13:30:24 +0200 Subject: [PATCH] home dark mode --- components/home/HomeSearch.vue | 2 +- content/ui/home-cta.md | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/components/home/HomeSearch.vue b/components/home/HomeSearch.vue index 75f3188c..ca412e76 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 c1955a62..f2dc71f2 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> -- GitLab