AOSSIE-Org / AOSSIE-Org/DebateAI
[BUG]: Reset Password form inputs have no visible border in High Contrast theme
- 主要语言
- 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)
### 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 还没有评估数据。