AdminStyleRock by bernhard

Docs & Development Module for rock style of AdminThemeUikit

AdminStyleRock

Also see AdminStyleHello

Easily style your ProcessWire backend with two simple settings:

  • Primary Color
  • Logo File or Url

That makes it very easy to make the PW backend match the CI of your clients:

68747470733a2f2f692e696d6775722e636f6d2f336e45767938492e706e67

68747470733a2f2f692e696d6775722e636f6d2f7a6c48796f69692e706e67

68747470733a2f2f692e696d6775722e636f6d2f6d50726e7749622e706e67

Installation


Just install the module from the backend, choose a color and you are ready to rock! �

Wording: THEME vs. STYLE


  • THEME: When we talk about a PW admin THEME we mean the stylesheet plus all the PHP files that create the markup and business logic.
  • STYLE: A style on the other hand (like the rock or reno style) does only modify the look and feel via changing LESS variables or overwriting CSS

Customizations


You can modify any aspect of your style with CSS/LESS simply by creating and modifying /site/templates/admin.less. ProcessWire will automatically recompile all files for you without the need of installing any external dependencies or tools like NPM.

You can change any of UIkits LESS variables or you can overwrite all classes with your own css rules:

// change the global font size of the backend
@global-font-size: 30px;

// custom css overrides
p.notes {
  border: 2px solid red;
}

The result is obviously ugly but it shows what you can do �

image

If you want to create your own AdminStyle module please see info.md

Install and use modules at your own risk. Always have a site and database backup before installing new modules.

Latest news

  • ProcessWire Weekly #582
    The 582nd issue of ProcessWire Weekly brings in all the latest news from the ProcessWire community. Modules, sites, and more. Read on!
    Weekly.pw / 5 July 2025
  • New ProcessWire admin redesign
    When you upgrade to ProcessWire 3.0.248 or newer (currently the dev branch), you’ll immediately notice something new and beautiful…
    Blog / 9 May 2025
  • Subscribe to weekly ProcessWire news

“We chose ProcessWire because of its excellent architecture, modular extensibility and the internal API. The CMS offers the necessary flexibility and performance for such a complex website like superbude.de. ProcessWire offers options that are only available for larger systems, such as Drupal, and allows a much slimmer development process.” —xport communication GmbH