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 1Admin Helpers
Admin helper modules are those that provide helpful tools, UI enhancements or optimizations to the admin panel (excluding Fieldtype or Inputfield modules).
Category 2Other Modules
Modules that have a unique purpose not covered by existing categories.
Release StateBeta
Close to stable, but users are advised to be cautious and test thoroughly.*
Authornoelboss
Module Version0.4.0
Class NameAdminThemeBoss
Compatibility3.0
Date AddedJuly 5, 2018
Last UpdatedOctober 11, 2018
Recommended ByNew 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

  • Three unique color options
  • Beautiful typografy using Roboto Condensed
  • Extended breadcrumb with edit links
  • Extends AdminThemeUikit, you can continue using all AdminThemeUikit features
  • Option to activate theme for all users

Color Variants:

ProcessWire Blue

alt text

Vibrant Blue

alt text

Dark Black

alt text

alt text

Requirements

Requires AdminThemeUikit installed and activated.

Installation

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

alt text

Manually

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

Change Log

See CHANGELOG.md file for full change log.

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/pw/custom-theme.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“.

License: MIT

See included LICENSE file for full license text.

© noelboss.com | ProcessWire Modules

Comments

  • Guy Verville

    Guy Verville 5 months ago 10

    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.

    • Noel

      Noel 2 months ago 00

      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%

    • Noel Bossart

      Noel Bossart 3 weeks ago 00

      This has now been fixed…

  • David

    David 3 weeks ago 00

    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!

    • Noel

      Noel 3 weeks ago 00

      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.

Post a Comment

Your e-mail is kept confidential and not included with your comment. Website is optional.