AOSSIE-Org / AOSSIE-Org/DebateAI

[BUG]: Tournament Creation Inputs Have No Visible Borders in High Contrast Theme

Đã đóng Phù hợp với người mới
#490 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug
Ngôn ngữ chính
TypeScript
Star
84
Fork
198
Merge trung bình
2 ngày 19 giờ
Pull request đã merge (30 ngày)
30

Mô tả

### Bug Description

The Create New Tournament form inside the Tournament Arena section has a visual accessibility issue in the High Contrast Theme.

In the Light and Dark themes, the form controls have clearly visible borders, making it easy for users to distinguish the input fields and dropdown from the surrounding content.

However, in the High Contrast Theme, the borders around the following controls are not visible:
Tournament Name input
Date input
Max Participants dropdown
Description textarea

As a result, the controls blend into the surrounding background and do not clearly appear as interactive form fields.

### Steps to Reproduce

Sign in to DebateAI.
Navigate to the Tournaments section.
Open the Tournament Arena.
Navigate to Create New Tournament.
Enable the High Contrast Theme.
Observe the form input fields and dropdown.
Compare their appearance with the Light or Dark Theme.

Expected Behavior
All form controls should have clearly visible borders in the High Contrast Theme, consistent with their behavior in the Light and Dark themes.
The borders should clearly distinguish each input field, textarea, and dropdown from the surrounding background.

Actual Behavior
In the High Contrast Theme, the borders of the form controls are not clearly visible, causing the fields to blend into the background and making them difficult to identify as interactive elements.

### Logs and Screenshots

High Contrast Theme:

Image

Light Theme:

Image

Dark Theme:

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

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Hướng nghiên cứu

Start by locating the Tournament Arena's Create New Tournament form and the styles or theme handling for its four named controls: tournament name, date, max participants, and description. Reproduce the form in the High Contrast Theme, compare it with Light and Dark themes, and verify that each control has a clearly visible border without regressing the other themes.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
typescript
Lĩnh vực
accessibility, frontend
Loại issue
Lỗi
Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức độ hoạt động
Sôi nổi
Độ rõ ràng
Đặc tả rõ ràng
Mức phù hợp với người mới
68/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.