From b2b2e981154d4022867fe36dffbf4168194664e3 Mon Sep 17 00:00:00 2001
From: Steven VAIDIE <steven.vaidie@gmail.com>
Date: Fri, 11 Sep 2020 14:57:56 +0200
Subject: [PATCH] RAC-225: fix uncheck colors on notion are not the right color

---
 akeneo-design-system/src/components/Checkbox/Checkbox.tsx      | 3 ++-
 akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/akeneo-design-system/src/components/Checkbox/Checkbox.tsx b/akeneo-design-system/src/components/Checkbox/Checkbox.tsx
index ac978453ccfb..0973087e89ae 100644
--- a/akeneo-design-system/src/components/Checkbox/Checkbox.tsx
+++ b/akeneo-design-system/src/components/Checkbox/Checkbox.tsx
@@ -32,9 +32,10 @@ const CheckboxContainer = styled.div<{checked: boolean; readOnly: boolean} & Ake
   background-color: transparent;
   height: 20px;
   width: 20px;
-  border: 1px solid ${getColor('blue100')};
+  border: 1px solid ${getColor('grey80')};
   border-radius: 3px;
   outline: none;
+  background-color: ${getColor('grey20')};
 
   ${(props) =>
     props.checked &&
diff --git a/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx b/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx
index 841f5782034b..54a325d21e95 100644
--- a/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx
+++ b/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx
@@ -23,6 +23,8 @@ it('it does not call onChange handler when read-only', () => {
 });
 
 it('it cannot be instantiated without handler when not readonly', () => {
+  jest.spyOn(console, 'error').mockImplementation(() => {});
+
   expect(() => {
     render(<Checkbox checked={true} label="Checkbox" />);
   }).toThrow('A Checkbox element expect an onChange attribute if not readOnly');