[BUG]: Start Debate button does not follow High-Contrast theme styling
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 72/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Active
- Tech stack
- typescript
- Domain
- accessibility, frontend
Research direction
Start at the Bot Selection page reached through Start Debate → Play Practice with Bot, then inspect the Start Debate button and compare it with other High-Contrast buttons. Done means the button uses a yellow background with black text in High-Contrast mode while preserving the existing Light and Dark theme styling.
Written by the indexing model from the issue text.
Description
Bug Description
On the Bot Selection page accessed through Start Debate → Play Practice with Bot, the Start Debate button does not follow the styling defined for the High-Contrast theme.
In the Light and Dark themes, the button correctly follows the respective theme styling. However, in the High-Contrast theme, the button remains orange instead of using the High-Contrast theme's yellow background with black foreground text.
Steps to Reproduce
Sign in to the application.
Navigate to Start Debate.
Select Play Practice with Bot.
Observe the Bot Selection page.
Switch to the High-Contrast theme.
Observe the Start Debate button at the bottom of the Debate Setup section.
Logs and Screenshots
https://github.com/user-attachments/assets/b8e7a02f-38ac-4690-94ee-1ca91e97ba88
Actual behavior
In the High-Contrast theme:
The Start Debate button has an orange background.
The button does not follow the High-Contrast color scheme.
The foreground text is not using the expected black color.
Expected behavior
The Start Debate button should follow the same High-Contrast styling used by the other buttons throughout the application:
Background: Yellow
Foreground/text: Black
Maintain clear contrast and visibility.
Styling should remain consistent with other High-Contrast buttons.
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
- Dominant language
- TypeScript
- Stars
- 88
- Forks
- 207
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 29
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from AOSSIE-Org/DebateAI
-
bug
Difficulty 1/5 Under an hour Newbie friendliness 90/100
AOSSIE-Org/DebateAI#573 · 2 comments ·
-
bug
Difficulty 1/5 Under an hour Newbie friendliness 88/100
AOSSIE-Org/DebateAI#569 ·
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
AOSSIE-Org/DebateAI#568 ·
-
[BUG]: Direct state mutation in useMemo for sorting debaters causes stale UI and live update issues Openbug
Difficulty 1/5 Under an hour Newbie friendliness 88/100
AOSSIE-Org/DebateAI#553 · 2 comments ·
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
AOSSIE-Org/DebateAI#549 · 1 comment ·
All issues in AOSSIE-Org/DebateAI
Similar issues
-
calcite-components needs triage refactor
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
Esri/calcite-design-system#15203 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 91/100
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 95/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Automattic/studio#4908 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 90/100