Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

UI Bug: Low contrast makes input text unreadable in Sign Up and Login form

Aperta Adatta ai principianti
  • Qualcosa non va?
#218 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

  • #219 di @Abhik-Mudi — chiusa senza merge

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
68/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
typescript
Ambito
accessibility, frontend

Direzione di ricerca

Nell’issue non viene indicato alcun file. Cerca nei componenti del modulo „Sign Up“ e „Login“ gli input „Full Name“ e „Email Address“, quindi esamina le relative classi attuali per il colore del testo. Applica in modo coerente il colore più scuro richiesto e verifica che il testo digitato sia chiaramente leggibile su entrambe le pagine.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Is there an existing issue for this?
  • I have searched the existing issues
What happened?

📌 Issue Overview

The text entered into the input fields on the "Signup" and "Login" page is extremely difficult to read due to low contrast. The font color is too light (faint gray) against the white background, which causes visibility issues and poor user experience.

🔍 Steps to Reproduce

Go to the Sign Up / Login page.

Click on the Full Name or Email Address input field.

Type any text (e.g., your name or email).

See the error: The text is barely visible against the background.

🎯 Expected Behavior

The text inside the input fields should be dark (e.g., black or dark gray) and clearly legible with high contrast against the white background.

🚨 Actual Behavior

The text color defaults to a very light gray, blending in with the white background and making the user input almost invisible.

📷 Screenshot

Image Image

💡 Suggested Improvements

Update the classes for the input fields to force a darker font color.

Change: Add 'text-gray-700' class to the input fields.

Record
  • I agree to follow this project's Code of Conduct
  • I want to work on this issue
Lingua principale
TypeScript
Stelle
101
Fork
145
Merge medio
32m
PR unite (30g)
2

Preparare l'ambiente

  • Nessun Dockerfile né file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di AOSSIE-Org/InPactAI

Tutte le issue di AOSSIE-Org/InPactAI

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.