Skip to content

[Bug]: Unchecked switches are invisible in custom themes whose --input is (near-)transparent (e.g. Catppuccin Mocha) #7997

Description

@evbuildsnet

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

  1. Import a theme whose --input token resolves to the same color as --background (Catppuccin Mocha from Open VSX reproduces this — it maps --input to the background color).
  2. Open Settings > General.
  3. 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):

Archive confirmation switch disappears under Catppuccin Mocha

After the proposed fix:

Archive confirmation switch remains visible under Catppuccin Mocha

Impact

Minor bug or occasional failure

Version or commit

main @ ea8c9e5

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions