AOSSIE-Org / AOSSIE-Org/DebateAI

[BUG]: Reset Password form inputs have no visible border in High Contrast theme

未关闭
#505 1 条评论 0 个 reaction 已指派 1 人 已被 @RounakKumarAgarwal 认领 在 GitHub 查看
bug
主要语言
TypeScript
星标
84
派生
198
平均合并
2 天 19 小时
30 天内合并 PR
30

描述

### Bug Description

On the "Reset Your Password" form (`/auth` → Forgot Password → after entering email → the code/new-password step), the three input fields — **Enter Code**, **New Password**, **Confirm New Password** — have no visible border in the High Contrast theme. They appear as floating placeholder text with no boxes.

This is the same class of issue as #458 (Sign In inputs, fixed in #459), but on the **Reset Your Password** form, which #459 did not cover. Verified visually: the Sign In, Sign Up, and Forgot Password (email) inputs all render borders correctly in High Contrast — only the Reset Your Password step's inputs are affected.

**Root cause** — in `frontend/src/Pages/Authentication/forms.tsx` (`ResetPasswordForm`), the new-password and confirm-password inputs use only `dark:border-white`, which applies a border only in Dark theme, with no High Contrast variant:
- New Password (line ~374): `className="w-full mb-2 dark:border-white"`
- Confirm New Password (line ~381): `className="w-full mb-4 dark:border-white"`
(The Enter Code input at ~367 has a base `border` but still reads borderless in HC — worth aligning all three.)

**Fix:** add a High Contrast border variant consistent with the pattern used elsewhere, e.g. `border [.contrast_&]:border-white`, matching how #459 handled the Sign In inputs.

@Ri1tik I found this while working on #485 (reset-code expiry). I've verified all the auth screens in High Contrast — Sign In, Sign Up, and Forgot Password inputs render borders fine; only the Reset Your Password form is affected. Could you assign this to me? Happy to fix it alongside the reset-password work.

### Steps to Reproduce

1. Go to `/auth` and switch the theme to High Contrast.
2. Click "Forgot your password? Reset Password", enter an email, submit.
3. On the "Reset Your Password" step, observe the Enter Code / New Password / Confirm New Password inputs have no visible borders — just floating text.

### Logs and Screenshots

frontend/src/Pages/Authentication/forms.tsx (ResetPasswordForm):
// code (has base border)
// new password (no HC/base border)
// confirm password (no HC/base border)

Image

Image

### Environment Details

- File: frontend/src/Pages/Authentication/forms.tsx (ResetPasswordForm inputs)
- Page: /auth → Reset Your Password step
- Frontend: Vite + React + Tailwind
- Branch: main
- Related: #458 / #459 (same class, Sign In) — verified this is the only remaining affected form; Sign In, Sign Up, and Forgot Password inputs render borders correctly in HC

### Impact

Low - Minor inconvenience

### Code of Conduct

- [x] I have joined the [Discord server](https://discord.gg/hjUhu33uAn) and will post updates there
- [x] I have searched existing issues to avoid duplicates

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。