Current MidPoint theme is based on AdminLTE template. AdminLTE uses:
- Bootstrap 3
- jQuery 2.11
- other plugins
We're also using:
- Ace editor
- select and multiselect combo boxes for bootstrap
Quick customization tips
Template contains 12 predefined skins:
To change skin you have to modify
PageTemplate.html which you can find in module
admin-gui/src/main/java/com/evolveum/midpoint/web/page/PageTemplate.html. You can also change it in
war if you prefer to customize GA release.
Changing template header and logo
To change template header color and logo you have to edit file midpoint-theme.less which is located in module in
admin-gui/src/main/webapp/less/midpoint-theme.less. You can also change it in war if you prefer to customize GA release.
Stylesheet files description
All style sheets are compiled from LESS files located in
admin-gui/src/main/webapp/less/... based on
wro4j.xml definitions. Most interesting files for review/change when updating styles in MidPoint are:
Best way to change them is using maven overlay project.
admin-gui/src/main/webapp/js/... . Most of the MidPoint specific code is located in