payloadcms / payloadcms/payload
Dark theme not working on login page
Open
@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
- Set up Payload with default theme settings (or explicitly set
admin.theme: 'all') - Set your system to dark mode
- Visit the login page
- Observe that the login page shows light theme
- Log in
- 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
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.
Assessment
This issue has not been assessed yet.