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.

Related tutorials / See all