payloadcms / payloadcms/payload

Dark theme not working on login page

Open
#15,326 6 comments 0 reactions 1 assignee View on GitHub

@paulpopus is already working on this.

Since Jan 23, 2026.

area: ui Bug prioritized
Dominant language
TypeScript
Stars
44.8k
Forks
4.2k
Avg merge
2d 21h
Merged PRs (30d)
53

Description

Describe the Bug.

When using theme: 'all' (the default) in the admin config, the login page always renders with the light theme even when the user's system is set to dark mode. After logging in, the dark theme works correctly on all other admin pages.

Reproduction Steps
  1. Set up Payload with default theme settings (or explicitly set admin.theme: 'all')
  2. Set your system to dark mode
  3. Visit the login page
  4. Observe that the login page shows light theme
  5. Log in
  6. Observe that authenticated pages correctly show dark theme
Environment Info
Binaries:
  Node: 22.22.0
  npm: 10.9.4
  Yarn: 1.22.19
  pnpm: 9.15.4
Relevant Packages:
  payload: 3.72.0
Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 24.3.0: Thu Jan  2 20:24:23 PST 2025; root:xnu-11215.81.4~3/RELEASE_ARM64_T6020
  Available memory (MB): 16384
  Available CPU cores: 10

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.