RocketChat / RocketChat/Rocket.Chat

Theme selection cards are not clickable, theme can be selected only using radio input

Open
#38,593 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

type: feature
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.

Image

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.