AOSSIE-Org / AOSSIE-Org/DebateAI
[BUG]: Tournament Creation Inputs Have No Visible Borders in High Contrast Theme
- 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:
Light Theme:
Dark Theme:
### 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