Flagsmith/flagsmith

Dark Mode isn't friendly to find

Open

#7,702 opened on Jun 3, 2026

View on GitHub
 (0 comments) (0 reactions) (0 assignees)Python (264 forks)batch import
front-endgood first issueimprovement

Repository metrics

Stars
 (3,475 stars)
PR merge metrics
 (Avg merge 2d 21h) (141 merged PRs in 30d)

Description

While in the documentation website, we get a toggle at the top bar, towards the right end. Easy and convenient!

While in the app, one needs to:

  1. Click "Account" on the top right
  2. Click "Account Settings"
  3. Toggle "Dark Mode"
  4. Find their way back to what they were doing

Acceptance criteria

  • There is a Dark Mode toggle always visible in the app, preferably in a consistent UX to the docs website.
  • There is an option to use system settings, and it's not called "auto".
  • Navigating to tabs already open reflect the new setting immediately.

Contributor guide

Research direction
Add a persistent dark mode toggle to the app header that is visible from all pages, similar to the docs website. The toggle should include an option to follow system settings (not labeled 'auto'). Ensure that navigating to tabs reflects the setting immediately.
Tech stack
javascripttypescriptreactnodejs
Domain
frontendfull stack
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
GitReact
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70