Recently Browsing 0 members
- No registered users viewing this page.
By Chris Bennett
Inspired by @bernhard's excellent work on the new customisable LESS CSS getting rolled into the core soon, I thought I would offer up the module for beta testing, if it is of interest to anyone.
It takes a different approach to admin styling, basically using the Cascade part of CSS to over-ride default UiKit values.
Values are stored in ModuleConfig Module creates a separate AdminThemeTweaker Folder at root, so it can link to AdminThemeTweaker.php as CSS AdminThemeTweaker.php reads the module values, constructs the CSS variables then includes the CSS framework Can be switched on and off with a click. Uninstall removes everything, thanks to bernhard's wonderful remove dir & contents function.
It won't touch your core. It won't care if stuff is upgraded. You won't need to compile anything and you don't need to touch CSS unless you want to.
It won't do much at all apart from read some values from your module config, work out the right CSS variables to use (auto contrast based on selected backgrounds) and throw it on your screen.
You can configure a lot of stuff, leave it as it comes (dark and curvy), change two main colors (background and content background) or delve deep to configure custom margins, height of mastheads, and all manner of silly stuff I never use.
Have been developing it for somewhere around 2 years now. It has been (and will continue to be) constantly tweaked over that time, as I click on something and find something else to do.
That said, it is pretty solid and has been in constant use as my sole Admin styling option for all of those 2 years.
If nothing else, it would be great if it can provide any assistance to @bernhard or other contributor's who may be looking to solve some of the quirkier UiKit behavior.
Has (in my opinion) more robust and predictable handling of hidden Inputfields, data-colwidths and showIf wrappers.
I am very keen to help out with that stuff in any way I can, though LESS (and any css frameworks/tools basically) are not my go.
I love CSS variables and banging-rocks-together, no-dependency CSS you can write with notepad.
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).
If you find any bugs or have ideas for improvements, feel free to post your feedback.
Download from Github
Download from Modules Page
Minimal black and white admin theme Fixed masthead navigation Direct access to page tree navigation inside page dropdown Less distraction for editors (when editing a page, the tabs are displayed as a dropdown menu inside the main navigation) Options to customise the ui Less distraction for editors
Direct access to page tree navigation inside dropdown
Options to customise the ui
Login (inspired by AdminThemeBoss)
Process Wire 3.0.100 or greater
Go to “Modules > Site > Add New“ Paste the Module Class Name “AdminThemeCanvas“ into the field “Add Module From Directory“ Click “Download And Install“ On the overview, click “Download And Install“ again… On the following screen, click “Install Now“ Go to your user profile page and change the theme to Admin Theme Canvas
Iam working on a new Admin Theme, based on AdminThemeReno, which I would like to release for the public soon.
Now I want to style the login page to fit the look and feel of the backend.
After some research, I found out that I have to set the "$config->defaultAdminTheme = 'AdminThemeName' " inside my site config.php file to load all the styles from my admin theme on the login page instead of the default ones.
Is it possible to set this via api from my Admin Theme settings, without the need of editing the config file?
By Tom Walcher
I am using PW for more than two years now and it satisfied me in all scales. Can just say: Build Bigger, Faster, Stronger, Easier.
Now we are up to make a site for refugees also in arabic and farsi.
Frontend is no problem, but how to make the Textarea/CK Editor Right to Left for Arabic?
… and/or custom Css to the Languages - is there a proper way?