Akki-jaiswal / Akki-jaiswal/pong-game

Improve Theme Dropdown UI

Open
#192 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
22
Forks
116
PR merge metrics
No merged PRs in 30d

Description

Description:

When clicking on the Theme dropdown in the Pong Game, the different theme options are not clearly visible. Currently, they only become visible when hovered, which makes the UI confusing and unattractive for players. This affects the overall game experience since themes should be easy to preview and select.

Steps to Reproduce:

- Open the Pong Game.
- Click on the Theme dropdown menu.
- Notice that theme options are not clearly visible until hovered.

Current Behavior:

- Theme options are not visible by default after opening the dropdown.
- Visibility relies on hover, reducing usability.

Expected Behavior:

- All theme options should be clearly visible immediately upon opening the dropdown.
- The dropdown should follow the same modern glowing theme style as the rest of the game.
- Options should have good contrast with the background, ensuring readability.

Proposed Solution / Enhancements:

- Improve contrast and background color of dropdown options.
- Use consistent typography with the game’s design.
- Add hover, focus, and active states for a smooth experience.
- Ensure dropdown styling matches the Pong Game’s glowing, futuristic theme.

Image

Checklist:

- Fix visibility issue of theme options.
- Improve contrast & readability.
- Add hover, focus, and active states.
- Ensure consistency with Pong Game UI theme.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.