This project is not covered by Drupal’s security advisory policy.

Lumen Admin is a premium, CSS-first administration theme for Drupal 11. It sub-themes Claro to deliver a polished editorial experience while preserving all of Claro's Twig templates and JavaScript behavior.

Why Lumen Admin?

Drupal's default admin theme is functional but visually plain. Lumen Admin upgrades the administration UI with a modern split layout — dark sidebar navigation and a light content canvas — refined typography, spacing, shadows, and component styling, without the maintenance burden of Twig overrides or custom JavaScript.

Key features

  • CSS-first architecture — zero Twig overrides, zero custom JavaScript; inherits Claro behavior completely
  • Modern split admin layout — dark sidebar + light content area, responsive from 320px to 1920px
  • Design token system — semantic --lumen-* CSS custom properties for surfaces, typography, spacing, radius, and shadows
  • Configurable brand color — pick a primary color at Appearance → Settings → Lumen Admin; buttons, links, tabs, focus rings, and sidebar accents are generated automatically
  • Accessibility — improved focus states, reduced-motion support, WCAG 2.1 AA contrast targets
  • Minimal PHP — theme settings, color palette helpers, and a theme negotiator class (registered by the companion module)
  • No third-party assets — system font stack only; no bundled fonts, images, or JS libraries

Requirements

  • Drupal 11.x
  • Claro (included in Drupal core)
  • PHP 8.3+

Recommended companion module

Install Lumen Admin Support to apply the administration theme on canonical node view pages (/node/{nid}) for users with the View the administration theme permission. Drupal themes cannot ship *.services.yml, so the companion module registers the theme negotiator service.

Installation

composer require drupal/lumen_admin drupal/lumen_admin_support
drush theme:enable lumen_admin
drush pm:enable lumen_admin_support
drush config:set system.theme admin lumen_admin
drush cache:rebuild

Or set Administration theme to Lumen Admin at /admin/appearance.

Configuration

Customize the brand color at Appearance → Settings → Lumen Admin (/admin/appearance/settings/lumen_admin). Default brand color: #5b54e6.

Compatibility note

Claro is marked @internal in Drupal core — markup and assets may change between minor releases. Test after Drupal core updates.

Contributing

Report bugs and feature requests in the issue queue.

Supporting organizations: 
TO THE NEW

Project information

  • Created by amit.rawat777 on , updated
  • shield alertThis project is not covered by the security advisory policy.
    Use at your own risk! It may have publicly disclosed vulnerabilities.

Releases