AdminThemeCanvas by jploch

A minimal admin theme with optimised page editor UI, based on Uikit 3. Currently this is an early beta. It's not recommended to use it for producton yet.

Admin Theme Canvas

A minimal admin theme with optimised page editor UI, based on Uikit 3.

Currently this is close to stable, but users are advised to be cautious and test thoroughly. This theme is tested in all major Browsers including IE 11, Edge (>85), Chrome (>85), Firefox (>81), Safari (>11).

Features

  • Minimal black and white admin theme
  • Fixed masthead navigation
  • Direct access to page tree navigation inside page dropdown
  • Less distraction for editors
  • Options to customise the ui
Less distraction for editors

alt text

Direct access to page tree navigation inside dropdown

alt text

Page tree

alt text

Options to customise the ui

alt text

Login

alt text

Requirements


Process Wire 3.0.100 or greater

Installation


  1. Go to “Modules > Site > Add New“
  2. Paste the Module Class Name “AdminThemeCanvas“ into the field “Add Module From Directory“
  3. Click “Download And Install“
  4. On the overview, click “Download And Install“ again…
  5. On the following screen, click “Install Now“
  6. Go to your user profile page and change the theme to Admin Theme Canvas

Manually

  1. Download the theme files from GitHub
  2. Copy all of the files for this module into /site/modules/AdminThemeCanvas/
  3. Go to “Modules > Refresh” in your admin
  4. Click “Install“ on the “AdminThemeCanvas“ Module
  5. Go to your user profile page and change the theme to Admin Theme Canvas

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 AdminThemeCanvas/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 “AdminThemeCanvas/uikit/custom/…“. The primary theme file is “AdminThemeCanvas/uikit/custom/theme/main.less“.

License: MIT


See included LICENSE file for full license text.

© jploch.com | ProcessWire Modules

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

Twitter updates

  • ProcessWire 3.0.192 (dev branch) contains 11 issue fixes and 5 pull requests, over 20 commits— More
    7 January 2022
  • ProcessWire 3.0.191 core updates: updates to the installer and the profile exporter module— More
    24 December 2021
  • This week ProcessWire went on a diet, trimming the core size from 15.5 MB down to 7.5 MB by moving optional site profiles into their own GitHub repos— More
    17 December 2021

Latest news

  • ProcessWire Weekly #402
    In the 402nd issue of ProcessWire Weekly we'll check out ProcessWire 3.0.193, highlight recent ProcessWire projects and resources, and more. Read on!
    Weekly.pw / 22 January 2022
  • ProcessWire 3.0.190 core updates
    ProcessWire 3.0.190 has 15 commits relative to 3.0.189 and contains a mixture of issue resolutions and feature additions. This post covers them all, in addition to updates for the PageAutosave and ProFields Table modules.
    Blog / 3 December 2021
  • Subscribe to weekly ProcessWire news

I just love the easy and intuitive ProcessWire API. ProcessWire rocks!” —Jens Martsch, Web developer