Skip to content

Commit 1229a64

Browse files
Fix hardcoded colors in 2FA verification screen for dark mode
The dash and caret in the sign-in 2FA OTP input had hardcoded `black` and `white` background colors, making them invisible depending on theme. Replace with theme-aware colors (`theme.font.color.primary` for the dash, `theme.font.color.light` for the caret). Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 5be64bf commit 1229a64

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationVerification.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ const StyledCaretContainer = styled.div`
118118
const StyledCaret = styled.div`
119119
width: 1px;
120120
height: 2rem;
121-
background-color: white;
121+
background-color: ${({ theme }) => theme.font.color.light};
122122
`;
123123

124124
const FakeCaret = () => {
@@ -137,7 +137,7 @@ const StyledDashContainer = styled.div`
137137
`;
138138

139139
const StyledDash = styled.div`
140-
background-color: black;
140+
background-color: ${({ theme }) => theme.font.color.primary};
141141
border-radius: 9999px;
142142
height: 0.25rem;
143143
width: 0.75rem;

0 commit comments

Comments
 (0)