About Admin Theme Boss

A light and clean ProcessWire Theme based on Uikit 3. It features three color schemes, an enhanced breadcrumb as well as many subtile design enhancements. The way it's developed makes this module fully compatible with AdminThemeUikit and all other modules and hooks that take use this base theme.

Category 1	Admin Helpers Admin helper modules are those that provide helpful tools, UI enhancements or optimizations to the admin panel (excluding Fieldtype or Inputfield modules).
Category 2	Other Modules Modules that have a unique purpose not covered by existing categories.
Release State	Beta Close to stable, but users are advised to be cautious and test thoroughly.*
Author	noelboss
Module Version	0.5.5
Class Name	AdminThemeBoss
Compatibility	3.0
Date Added	July 5, 2018
Last Updated	January 23, 2019
Recommended By	+12 people - New recommendations may take up to 1 day to appear.

Instructions

This module's files should be placed in /site/modules/AdminThemeBoss/
How to install or uninstall modules

README

Admin Theme Boss

A light and clear theme based on Uikit 3

Features

Four unique color options: blue, vibrant, black & pink
Beautiful redesigned login screen
Modern typografy using Roboto Condensed
Extended breadcrumb with edit links
Extends the default AdminThemeUikit so you can continue using all current (and future) AdminThemeUikit features
Option to activate theme for all users

Release Updates

Checkout the Releases Page and subscribe to updates or take a look at the CHANGELOG.md file for a full change log.

Color Variants:

ProcessWire Blue

Dark Black

Vibrant Blue

Happy Pink

Requirements

Requires AdminThemeUikit installed and activated.

Installation

Make sure the above requirements are met
Go to “Modules > Site > Add New“
Paste the Module Class Name “AdminThemeBoss“ into the field “Add Module From Directory“
Click “Download And Install“
On the overview, click “Download And Install“ again
On the following screen, click “Install Now“

Manually

Make sure the above requirements are met
Download the theme files from GitHub or the ProcessWire Modules Repository.
Copy all of the files for this module into /site/modules/AdminThemeBoss/
Go to “Modules > Refresh” in your admin
Click “Install“ on the “AdminThemeBoss“ Module

Modify yourself

This is how you modify the themes less files on your own: Run “yarn watch“ to recompile css on file change:

# Change into uikit folder:
$ cd AdminThemeBoss/uikit

# install node_modules:
$ yarn

# recompile on change
$ yarn watch

# or with npm:
$ npm run watch

Now you can modify the less file(s) under “AdminThemeBoss/uikit/custom/…“.The primary theme file is “AdminThemeBoss/uikit/custom/theme/main.less“.

If you wan't to add your own theme, modify “AdminThemeBoss/uikit/themes.json“ and add your new less file ro “AdminThemeBoss/uikit/custom/newtheme.less“.

Update to latest AdminThemeUikit

There is a script that you can run to update the dependencies. It makes a backup of the current theme, downloads the latest AdminThemeUikit and puts everything back together.

License: MIT

See included LICENSE file for full license text.

Comments

Guy Verville 9 months ago ↑1 ↓0
Nice work! Please note that this theme seems incompatible with ListerPro. But it might be a problem with this module because it is not fully compatible with the new Admin Theme.
Reply
- Noel 6 months ago ↑0 ↓0
  This issue should be fixed with the release of 0.4.0 – please note that I don't use ListerPro and therefore can not confirm this 100%
  Reply
- Noel Bossart 5 months ago ↑0 ↓0
  This has now been fixed…
  Reply
David 5 months ago ↑0 ↓0
Hi,
Nice, I was looking for a different design (I'm no fan of the standard ones, neither are my clients…), and it's looking much better.
Is there an easy way to replace the PW logo? My clients feel safer when they see their logo in the system ;-)
Also, a top feature would be to be able to change the main colors in the admin depending on the needs…
Thanks!
Reply
- Noel 5 months ago ↑0 ↓0
  Happy you like the theme. Yes, it is possible (I use it that way as well) to add a custom logo since the theme only extends AdminThemeUikit and that one allows the adjustment of the logo. Please refer to the documentation and the forum and the AdminThemeUikit Documentation:
  https://processwire.com/talk/topic/19574-admin-theme-boss-–-based-on-uikit-3/
  https://github.com/noelboss/AdminThemeBoss
  Editing the colors is currently not possible because it requires recompiling of the css. There are posts about this features in the forum.
  Reply

Admin Theme Boss 0.5.5