From 0d9b04ea147e69a5a28d16b33370dac805538dc3 Mon Sep 17 00:00:00 2001
From: Sammy Teillet <sammy.teillet@gmail.com>
Date: Tue, 18 Apr 2023 18:07:55 +0200
Subject: [PATCH] feature: set the right color for unchecked checkbox

---
 front/src/components/form/Checkbox.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/front/src/components/form/Checkbox.tsx b/front/src/components/form/Checkbox.tsx
index dbd1094b3..34d5279a3 100644
--- a/front/src/components/form/Checkbox.tsx
+++ b/front/src/components/form/Checkbox.tsx
@@ -8,7 +8,23 @@ type OwnProps = {
 
 const StyledContainer = styled.span`
   input[type='checkbox'] {
-    accent-color: ${(props) => props.theme.purple};
+    accent-color: ${(props) => props.theme.blue};
+    margin: 8px;
+    height: 16px;
+    width: 16px;
+  }
+
+  input[type='checkbox']::before {
+    content: '';
+    border: 1px solid black;
+    width: 14px;
+    height: 14px;
+    border-radius: 2px;
+    display: block;
+  }
+
+  input[type='checkbox']:checked::before {
+    border: 1px solid ${(props) => props.theme.blue};
   }
 `;