[Bug]: Unchecked switches are invisible in custom themes whose --input is (near-)transparent (e.g. Catppuccin Mocha)
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 23k
- Forks
- 5.9k
- Avg merge
- 11h 14m
- Merged PRs (30d)
- 357
Description
Before submitting
- I searched existing issues and did not find a duplicate.
- I included enough detail to reproduce or investigate the problem.
Area
apps/web
Steps to reproduce
- Import a theme whose
--inputtoken resolves to the same color as--background(Catppuccin Mocha from Open VSX reproduces this — it maps--inputto the background color). - Open Settings > General.
- Look at the "Archive confirmation" switch (or any switch) while it is off.
Expected behavior
The unchecked switch track stays visible so the control and its off state are perceivable in any theme.
Actual behavior
The unchecked track is painted with data-unchecked:bg-input, so under themes where --input is (near-)transparent against the background the switch disappears entirely while off. The setting is still there and clickable, but there is no visual indication the control exists or what state it is in. The same applies to switch-variant menu checkbox items, which use the same token.
Before (Catppuccin Mocha, switch present but invisible):
After the proposed fix:
Impact
Minor bug or occasional failure
Version or commit
main @ ea8c9e5ca
Environment
macOS 25.6.0 (Darwin), Chromium-based browser, Catppuccin Mocha theme imported from Open VSX
Workaround
None in-app other than avoiding affected themes. A size:XS fix is open in #7810: it swaps the unchecked track to data-unchecked:bg-muted-foreground/30 on both switch surfaces (Switch and switch-variant MenuCheckboxItem), with a focused test. The PR is updated to latest main and Macroscope-approved, but sits behind the vouch:unvouched gate.
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 by locating the Switch and switch-variant MenuCheckboxItem surfaces that use data-unchecked:bg-input, then review the proposed fix and focused test in #7810. Done means the unchecked track remains visible when a theme maps --input to the background, including Catppuccin Mocha.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100