Skip to content

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

Description

@insanekrishnna

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

  • I have joined the Discord server and will post updates there
  • I have searched existing issues to avoid duplicates

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions