Bug Description
In Team Debates → Team Builder, the input fields in the Join by Team Code and Create New Team sections do not have a visible border when the High Contrast Theme is enabled.
In the Light Theme and Dark Theme, the input fields are clearly distinguishable because their borders are visible. However, in the High Contrast Theme, the borders disappear and the inputs appear like plain text on the page.
This makes it difficult for users to identify where they need to enter information and creates a visual inconsistency across themes.
Steps to Reproduce
-
Open the application and sign in.
-
Navigate to Team Debates.
-
Open Team Builder.
-
Locate the Join by Team Code section.
Observe the input field with the placeholder:
Enter 6-character team code...
-
Locate the Create New Team section.
Observe the input field with the placeholder:
Enter a catchy team name...
and Team size anotation is also not visible ( in both dark and High Contrast Theme )
Switch to the High Contrast Theme.
Observe both input fields.
Expected Behavior
Both input fields should have a clearly visible border in the High Contrast Theme so users can easily distinguish the input areas from surrounding content.
The border should use a theme-appropriate color while maintaining the existing appearance in Light and Dark Themes.
Actual Behavior
In the High Contrast Theme, the borders around both input fields are not visible, making the fields appear like plain text and reducing their visibility and usability.
Logs and Screenshots
Light :
Dark :
High Contrast :
Environment Details
No response
Impact
Medium - Feature works but has issues
Code of Conduct
Bug Description
In Team Debates → Team Builder, the input fields in the Join by Team Code and Create New Team sections do not have a visible border when the High Contrast Theme is enabled.
In the Light Theme and Dark Theme, the input fields are clearly distinguishable because their borders are visible. However, in the High Contrast Theme, the borders disappear and the inputs appear like plain text on the page.
This makes it difficult for users to identify where they need to enter information and creates a visual inconsistency across themes.
Steps to Reproduce
Open the application and sign in.
Navigate to Team Debates.
Open Team Builder.
Locate the Join by Team Code section.
Observe the input field with the placeholder:
Enter 6-character team code...
Locate the Create New Team section.
Observe the input field with the placeholder:
Enter a catchy team name...
and Team size anotation is also not visible ( in both dark and High Contrast Theme )
Switch to the High Contrast Theme.
Observe both input fields.
Expected Behavior
Both input fields should have a clearly visible border in the High Contrast Theme so users can easily distinguish the input areas from surrounding content.
The border should use a theme-appropriate color while maintaining the existing appearance in Light and Dark Themes.
Actual Behavior
In the High Contrast Theme, the borders around both input fields are not visible, making the fields appear like plain text and reducing their visibility and usability.
Logs and Screenshots
Light :
Dark :
High Contrast :
Environment Details
No response
Impact
Medium - Feature works but has issues
Code of Conduct