Fix hardcoded colors in 2FA verification screen for dark mode

[FelixMalfait]

Summary

• The dash separator and blinking caret in the sign-in 2FA OTP input had hardcoded black and white background colors, making them invisible in dark mode (black on black / white on white).
• Replaced with theme-aware colors (theme.font.color.light for the dash, theme.font.color.primary for the caret) to match the existing settings 2FA component.

Test plan

• Open the 2FA verification screen in dark mode and verify the dash between digit groups is visible
• Verify the blinking caret is visible in dark mode
• Confirm both still look correct in light mode

Made with Cursor

[cubic-dev-ai]

No issues found across 1 file

[github-actions]

🚀 Preview Environment Ready!

Your preview environment is available at: http://bore.pub:30882

This environment will automatically shut down when the PR is closed or after 5 hours.

[greptile-apps]

Greptile Overview

Greptile Summary

This change updates the sign-in 2FA OTP verification UI to be theme-aware in dark mode by removing hardcoded black/white colors for the dash separator and blinking caret, replacing them with theme.font.color.light (dash) and theme.font.color.primary (caret). This matches the styling used by the Settings 2FA verification components and fixes invisibility in dark mode while preserving light-mode appearance.

Confidence Score: 5/5

• This PR is safe to merge with minimal risk.
• The diff is limited to replacing hardcoded colors with existing theme tokens already used by the settings 2FA components; no logic or behavior changes were introduced.
• No files require special attention

Important Files Changed

Filename	Overview
packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationVerification.tsx	Replaced hardcoded caret and dash colors with theme-aware tokens (theme.font.color.primary / theme.font.color.light) to fix dark-mode visibility; aligns with existing Settings 2FA components.

Sequence Diagram

sequenceDiagram
  participant User
  participant UI as SignInUpTOTPVerification
  participant Form as react-hook-form
  participant OTP as OTPInput
  participant Auth as useAuth

  User->>UI: Type OTP digits
  UI->>OTP: Render slots
  OTP-->>UI: Slot props (incl. fake caret)
  UI-->>User: Show dash + caret (theme colors)
  User->>UI: Submit form
  UI->>Form: handleSubmit
  Form-->>UI: OTP value
  UI->>Auth: Request tokens from OTP
  Auth-->>UI: Success or error

Loading

[greptile-apps]

_{1 file reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}

[twenty-eng-sync]

Hey @FelixMalfait! After you've done the QA of your Pull Request, you can mark it as done here. Thank you!