Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

Moodle App Remote Themes

From MoodleDocs
Revision as of 12:19, 3 July 2018 by Juan Leyva (talk | contribs)

Note: This page is a work-in-progress. Feedback and suggested improvements are welcome. Please join the discussion on moodle.org or use the page comments.


Please, note that due a framework update (Ionic 1 to Ionic 3), Moodle app version 3.5 onwards is not compatible with the existing custom themes / styles.

However, you can keep your current style sheet so they will work with the Moodle Classic app or old Moodle Mobile versions.

In order to do that, you just need to add this line at the end of your existing theme:

/* 3.5 styles */

And add below this line your 3.5 onwards styles.

See the following file for an example of a theme with styles for the old and new versions of the app:

https://gist.githubusercontent.com/jleyva/5d2f265a833a2122f3be/raw/ea0443a0111792231766dc6d78f9038928a3813e/moodlemobileapp.css

In order to create your own theme for the Moodle app 3.5.0 onwards, we recommend to use the webapp: https://mobileapp.moodledemo.net/ (requires Chrome or Chromium browser) and use the inspection tool to check the classes you need to change.