Customise Your Moodle Mobile App Style

The default Moodle mobile app styles [colours] can be configured to match your main Moodle website.

1.  Go to Site administration > Plugins > Web services > Mobile, enable “Enable web services for mobile devices”
2. On the CSS field enter the following https://yourmoodlesite.com/theme/selfservice/mobileapp_css.php
3. Do not forget to change the yourmoodlesite.com part with the url of your moodle site.
4. Go to Site administration > Appearance > Themes > Responsive design > Mobile app styles
5. Add your colour schemes.
6. Save changes.
7. Purge all cache.
8. On your Moodle mobile app, go to Navigation [  ]. App settings > Synchronization > Sites > Press refresh icon [  ].
9. It will take a little while for the app to refresh the changes.