Skip to content

noelboss/AdminThemeBoss

Repository files navigation

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.

© Noevu - Schweizer KMU Webseiten Entwicklung | ProcessWire Modules