Enabling the new Uikit admin theme

Posted 3rd Dec 2017

#setup #themes

Processwire now has a new admin theme made with the Uikit framework. It comes as a core module as of v3.0.83 so let's check it out!

Admin > Modules > Core (tab)

You can see here that Uikit is a core module so just click on the 'Install' button.

The new Uikit admin theme in core
The new Uikit admin theme in core Zoom

Admin > Modules > Uikit

Check the 'Use this admin theme for login screen' otherwise you'd get the old theme on the login screen and the new one in the admin area. Save this with the 'Submit' button.

Using the Uikit theme on the login screen
Using the Uikit theme on the login screen Zoom

Admin > Profile

This is an extra step required to enable this theme, you now don't need to modify '/site/config.php' like you did when changing the default admin to the Reno theme. So, head over to your profile page (the spanner icon has the profile link in the dropdown menu) and select Uikit for your profile.

Selecting the Uikit theme on profile page
Selecting the Uikit theme on profile page Zoom

Click 'Submit' and you're done!

The new AdminThemeUikit module in action
The new AdminThemeUikit module in action Zoom

The new theme is pretty awesome, and even better, it's easily customizable because it uses a standard framework rather than some custom CSS. I made a quick demo of the possibilities here:

https://www.youtube.com/watch?v=cKlzg_kIi-w (404)

Feedback & support

I hope you enjoyed this tutorial. You can support pwtuts by following on @pwtuts. You can also donate at paypal.me/swcarrey to help support the site which would be awesome!

Related tutorials / See all

Suggest a tutorial

Please note: I do not store any of this information, it's simply used to send me an email. Your email address is required so I can get clarification on your request if needed.