Admin Theme

About

A shadcn-styled admin theme for Payload that rebrands the panel without touching code. The entire configuration lives in an admin-editable global, so saving the form re-renders the panel. No restart, no rebuild, no deploy. The plugin builds on top of the `payload-theme` package, which supplies the shadcn stylesheet, the icon sidebar, the command palette, and the login layout. What this plugin adds is the configuration layer: a `System > Konfigurasi Admin` global, a server-rendered CSS injector that re-reads the global on every request, and branding components for the sidebar and login screen. It wires those into `config.admin.components`, replacing the base `ThemeProvider`, login hero, and header actions so the database is the single source of truth instead of per-browser `localStorage`. A single accent hex drives the whole panel. The 50-950 scale is computed in OKLCH, and the text color on top of the accent is picked to meet WCAG contrast. Radius (none to full), typography (Inter, Geist, Helvetica, System, Payload), presets (Zinc, Ocean, Forest, Sunset, Berry, Swiss), logo and favicon with dark variants, login background with scrim opacity, content width, and per-collection navigation (Lucide icons, groups, visibility) are all editable from the panel. The same navigation drives the sidebar and the dashboard cards. Two things stay in code because they resolve when the import map is generated, not per request: Lucide icons per collection and dashboard widgets, both passed through `themeOptions`. Light/dark mode is a per-user preference and is not stored in the global. `access`, `globalSlug`, `adminGroup`, `disabled`, and `installBaseTheme` round out the plugin options.

Package info

Package name

payload-admin-theme

Latest version

1.1.1

Unpacked size

498 kB

License

MIT

Weekly downloads

432

Last publish

Aug 26, 2026