AOSSIE-Org / AOSSIE-Org/DebateAI

[BUG]: Tournament bracket hierarchical lines are nearly not visible in dark theme

Ouverte
#481 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
bug
Langage dominant
TypeScript
Étoiles
84
Forks
198
Merge moyen
2 j 19 h
PR mergées (30 j)
30

Description

### 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

Image

Image

Image

### 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

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Piste de recherche

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.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Active
Clarté
Plutôt claire
Accessibilité débutants
66/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.