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.*
Authorsnoel, boss
Module Version0.6.3
Class NameAdminThemeBoss
Compatibility3.0
Date AddedJuly 5, 2018
Last UpdatedSeptember 19, 2019
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

  • Five unique color options: blue, vibrant, black & pink
  • Beautiful redesigned login screen
  • Modern typography 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
  • Compatibility with AdminOnStreoids and other third party modules

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

alt text

alt text

alt text

Dark Black

alt text

alt text

alt text

Vibrant Blue

alt text

alt text

Happy Pink

alt text

Smooth Green new with 0.6.1

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

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.

© noelboss.com | ProcessWire Modules