RocketChat / RocketChat/Rocket.Chat
Theme selection cards are not clickable, theme can be selected only using radio input
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 46.1k
- Forks
- 13.9k
- Avg merge
- 3d 3h
- Merged PRs (30d)
- 130
Description
Currently, in the theme selection settings, users must click the radio input to select a theme. Clicking on the theme card itself does not select it.
we can only select themes by clicking the highlighted parts
This makes selection slightly inconvenient since users naturally try to click anywhere on the theme card.
Expected behavior:
Clicking anywhere on the theme card should select the theme, not just the radio input.
Proposed improvement:
Make the entire theme card clickable so that selecting a theme becomes easier and more intuitive while keeping the radio input functional.
Why this helps:
Improves usability
Matches common UI selection patterns
Improves accessibility and ease of interaction
Reduces precision needed to click small radio inputs
Conclusion:
This small change can significantly improve the overall UX of theme selection.
I'd be happy to work on implementing this improvement.
Contributor guide
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.
Research direction
Start at the theme selection settings and locate the component that renders each theme card and its radio input. Trace the existing selection interaction, then verify that clicking any part of the card selects the theme while the radio input remains functional.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100