wireapp / wireapp/wire-webapp

Feature Request: Add manual Dark Mode toggle in Settings

Open
#19,824 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.2k
Forks
307
Avg merge
17h 44m
Merged PRs (30d)
256

Description

The Wire WebApp currently switches between light and dark mode only through system/browser settings. Users who prefer manual control cannot override the automatic theme selection. This creates usability issues for people who work in changing environments or prefer consistent theming independent of device settings.

Why this is a real issue:
• Many messaging apps offer manual theme switching.
• Users may work on shared devices or systems they cannot configure.
• Accessibility and contrast preferences vary, and automatic mode switching is not always desired.

Expected behavior:
A toggle in the Settings (e.g., Settings → Appearance) that allows users to switch manually between:
• Light mode
• Dark mode
• “Auto” (default system theme)

Steps to reproduce the issue:
1. Open the Wire WebApp.
2. Go to the Settings menu.
3. There is no option to manually change the theme.
4. Theme follows only system/browser settings.

Proposal / Suggested solution:
• Add a new section “Appearance” in Settings.
• Implement a 3-state switch: Light / Dark / Auto.
• Store the preference in user settings (local or account-based).
• Ensure theme switches without requiring a page reload.

Impact:
• Better accessibility and UX
• Consistent UI for users across devices
• Matches industry expectations for modern chat clients

Additional Notes:
This request is small in scope but high in user value and aligns with typical UI/UX standards in collaboration apps.

Contributor guide

No contributing guide indexed for this repository

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

No files, tests, or entry points are named. Start by locating the Settings UI and the existing system/browser theme detection, then trace how user preferences are stored. Done means a Light/Dark/Auto control in Settings that persists the choice and switches the theme without a page reload.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 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.