Admin theme

Customize WordPress admin

Twelve accent colours, six interface variants and a matching login page. The colour changes from the admin bar, on any screen, without hunting for a setting.
The same accent reaches the 404 page, maintenance mode and the charts: you pick it once.

Customize WordPress admin: How it works

One accent, twelve choices

The palette is twelve named colours rather than twelve hex codes: Avocado, Blueberry, Durian, Fig, Gold, Kiwi, Persimmon, Sakura, Sand, Sky, Strawberry and the default blue. Each carries its own lighter and darker variant, so borders, active states and hover effects stay coherent without setting them one by one.

  • The picker lives in the admin bar: Deskmode Suite menu, Theme colour, with a coloured dot beside each name and a tick on the active one. You change it from wherever you are, not from a settings page.
  • The chosen colour is applied as a CSS variable, so everything inherits it: menus, buttons, panels, SVG charts, the 404 page, maintenance mode and the login screen.
  • Alongside the accent there are six interface variants in separate files — the default, the dark one and four alternatives — changing the character of the dashboard, not just its colour.
  • WordPress's own colour scheme picker is removed from user profiles: two overlapping theme systems contradict each other, and whichever loads last wins.

Contrast is calculated, not hoped for

Where the accent serves as a background, the text colour isn't imposed but computed from the background's luminance. On nine of the twelve themes that yields dark text; on Blueberry, Persimmon and Strawberry it would fall below the minimum contrast ratio, so there it goes light instead. It's the kind of detail you only notice when it's missing — a grey label on a red panel that nobody can read.

Customize WordPress Admin Theme: what it changes if you hand over sites

  • The dashboard stops looking like a generic control panel and starts looking like part of the work you delivered.
  • The logo and colours on the login screen are the first thing a client sees every time they sign in.
  • If you manage several sites, different colours make it instantly obvious which dashboard you're in — a trivial mistake that gets expensive.

Note about light and dark mode in the WordPress admin: the accent colour is a site setting, changed by whoever can manage options. Light or dark mode, by contrast, is each user's personal preference.

Contrast is calculated, not hoped for

Where the accent serves as a background, the text colour isn’t imposed but calculated from the background’s luminance, so it always clears the 4.5:1 ratio the WCAG require.

Read the documentation

Customize WordPress admin
Customize WordPress admin: the picker in with all twelve accents and a tick on the active one.

Customize WordPress admin: Frequently asked

Theme, dark mode and the rest of your plugins

Two separate settings that are often confused, and one honest answer about third-party screens.

What does the admin theme actually change?

The accent colour of your dashboard, chosen from twelve named options in the admin bar. It flows through the menu, buttons, panels, links and the SVG charts, and it carries over to the screens your client sees outside the dashboard too: the login page, the custom 404 page and maintenance mode all pick up the same colour.

"Customize WordPress admin" is a site-wide setting, changed by anyone who can manage options, so everybody working on that site sees the same colours. Alongside the accent there are six interface variants that change the character of the dashboard rather than just its hue. What it never touches is your public site: the theme applies to the WordPress admin only.

Light and dark mode in the WordPress admin: what change?

The brightness of the interface, and nothing else. Colour and brightness are two separate levers: you can run a green accent in light mode and the same green in dark, and the choice of one doesn’t constrain the other.

Unlike the theme, dark mode is a per-user preference. It is saved on each account and stored in the browser as well, so it applies instantly and follows you to another computer. You can work dark while your client works light on the same site, with nothing to agree on. It applies to the login screen too, which is where the wrong contrast is most irritating.

Do these settings apply to other plugins’ screens?

Partly, and we would rather be precise than promise too much. The accent colour and dark mode cover the WordPress admin itself: menus, list tables, settings pages, metaboxes and everything built with core markup, which is most of what you look at every day.

Screens that a plugin styles entirely on its own keep their own appearance. That is deliberate. Forcing a dark background onto a component designed for a light one produces unreadable badges, invisible status dots and charts you cannot decipher — readable and slightly inconsistent beats consistent and broken. For the same reason dark mode steps back inside the theme customizer, where you are judging your public site’s colours, and on Elementor screens, which force a light background on their own panels.

Shopping Basket