From 239276e9c35deab1000391073c8529449106b13c Mon Sep 17 00:00:00 2001
From: Mathis Chambon <matchambon60@gmail.com>
Date: Wed, 19 Jun 2024 10:12:19 +0200
Subject: [PATCH] feat(colors): style and color fix

---
 components/Atoms/Colors/Colors.twig | 6 +++---
 tailwind.config.js                  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Atoms/Colors/Colors.twig b/components/Atoms/Colors/Colors.twig
index f1b72ac..6237561 100644
--- a/components/Atoms/Colors/Colors.twig
+++ b/components/Atoms/Colors/Colors.twig
@@ -1,9 +1,9 @@
 {% for line in colors %}
-  <div class="flex gap-4">
+  <div class="flex gap-4 mb-4">
     {% for color in line %}
       <div>
-        <div class="Color shadow-lg p-4">
-          <div class="Color-box {{ color }} min-w-[200px] h-[120px]"></div>
+        <div class="Color shadow-lg p-2">
+          <div class="Color-box {{ color }} min-w-[200px] h-[120px] "></div>
           <div class="text-center mt-2 h-10">{{ color }}</div>
         </div>
       </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 29d4855..4f75052 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -46,7 +46,7 @@ module.exports = {
         purple: 'var(--purple)',
         turquoise: 'var(--turquoise)',
         brown: 'var(--brown)',
-        'apple-green': 'var(--green)',
+        'apple-green': 'var(--apple-green)',
         pink: 'var(--pink)'
       },
       screens: {