AOSSIE-Org / AOSSIE-Org/DebateAI
[BUG]: Tournament bracket hierarchical lines are nearly not visible in dark theme
- Lingua principale
- TypeScript
- Stelle
- 84
- Fork
- 198
- Merge medio
- 2g 19h
- PR unite (30g)
- 30
Descrizione
### Bug Description
In the tournament bracket, the hierarchical connecting lines are clearly visible in the light theme but have very low contrast in the dark theme.
This makes the relationship between different rounds and matches difficult to follow and reduces the overall readability of the tournament bracket when using dark mode.
### Steps to Reproduce
Sign in to DebateAI.
Navigate to the Tournament page.
Open any available tournament.
Navigate to the tournament bracket.
Switch to the dark theme.
Observe the hierarchical connecting lines between the matches.
Actual Behavior
The hierarchical connecting lines become barely visible in the dark theme due to insufficient contrast with the background.
Expected Behavior
The hierarchical connecting lines should remain clearly visible in light and dark and high contrast themes, with appropriate contrast against the background.
Impact
Users using the dark theme may have difficulty understanding the relationship between matches and tournament rounds, making the bracket harder to read and navigate.
### Logs and Screenshots
### Environment Details
_No response_
### Impact
Medium - Feature works but has issues
### 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
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Direzione di ricerca
Start at the Tournament page and bracket implementation, then reproduce the issue by comparing light, dark, and high-contrast themes. Trace the hierarchical connecting lines and verify that they remain clearly visible against the background in each theme; the issue is done when bracket relationships are readable without reducing light-theme visibility.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Attiva
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 66/100