Skip to content

feat: improve forgot password screen UI with placeholders and dark mode support

yassine sabir a demandé de fusionner feature/forgot-password-ui-improvements vers develop

Authentication UI Updates

Login Form Placeholders

  • Add placeholder "exemple@email.com" to email input field
  • Add placeholder "••••••••" to password input field
  • Remove "Create Account" option from login header
  • Clean up unused styles and imports in LoginHeader component

Forgot Password Dark Mode Support

  • Fix background color adaptation in app/auth/forgot-password.tsx
  • Use colors.background for dynamic theme switching
  • Ensure proper contrast between purple header and content areas
  • Maintain consistent styling with login screen

Component Architecture

  • Create ForgotPasswordHeader component with logo and descriptive text
  • Build ForgotPasswordForm component with step-by-step workflow
  • Implement proper ConditionalComponent usage for conditional rendering
  • Add form validation and error handling for each step

UI Consistency

  • Match forgot password screen design with login screen
  • Implement same animation patterns and styling
  • Add proper placeholder text for all form inputs
  • Ensure consistent user experience across authentication screens

Rapports de requête de fusion