From 8350e7d8081c70b0761a09374cbb8714be4e94d0 Mon Sep 17 00:00:00 2001 From: Harshit Singh <73997189+harshit078@users.noreply.github.com> Date: Thu, 3 Oct 2024 20:05:18 +0530 Subject: [PATCH] fix: Toggle not visible in light mode (#7322) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit > [!Note] > - This PR solves the issue #7321 > - Added a minor fix in color background of toggle --------- Co-authored-by: Félix Malfait --- .../twenty-front/src/modules/ui/input/components/Toggle.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/ui/input/components/Toggle.tsx b/packages/twenty-front/src/modules/ui/input/components/Toggle.tsx index f723e93e1c5a..eeceaee8934e 100644 --- a/packages/twenty-front/src/modules/ui/input/components/Toggle.tsx +++ b/packages/twenty-front/src/modules/ui/input/components/Toggle.tsx @@ -16,7 +16,7 @@ type ContainerProps = { const StyledContainer = styled.div` align-items: center; background-color: ${({ theme, isOn, color }) => - isOn ? (color ?? theme.color.blue) : theme.background.quaternary}; + isOn ? (color ?? theme.color.blue) : theme.background.transparent.medium}; border-radius: 10px; cursor: pointer; display: flex;