[This is the HTML version of the original whitepaper which is available as PDF from Scribd, Slideshare and Academica.edu.]
Content:
- Themes in Moodle 2
- Customised Themes
- Theme Gallery
- About the Author
- Creative Commons Copyright
- Appendix 1 – Community Contributed Themes
- Appendix 2 – Further Reading
- Appendix 3 – Moodle site examples
- Appendix 4 – Moodle 1.9 examples
Theme Gallery
Default themes
There are a good number of themes that are distributed with Moodle 2. Not only do these provide some good examples of how Moodle 2 may look, but they mostly offer simple customisation options through settings in the theme itself.
For a good comparison, each of the following settings have been adopted for the comparisons
- pages have a theme screenshot taken on my standard Moodle feature course
- no blocks are docked
- A standard set of custom menus are added in
This screenshot is then followed by a table of data related to that theme.
Afterburner
| Name | Afterburner | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | Yes |
| Maintainer | Mary Evans | Width | Fluid |
| Setting Options | |||
Anomaly
| Name | Anomaly | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | Yes |
| Maintainer | Moodle HQ | Width | Fluid |
| Setting Options | |||
Arialist
| Name | Arialist | Layout | Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | Yes |
| Maintainer | Patrick Malley | Width | Fluid |
| Setting Options | |||
| Change Logo | Change Tagline | Link Colour | Column Width |
| Custom CSS | |||
Binarius
| Name | Binarius | Layout | Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | Yes |
| Maintainer | Patrick Malley | Width | Fluid |
| Setting Options | |||
Boxxie
| Name | Boxxie | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | No |
| Maintainer | Patrick Malley | Width | Fluid |
| Setting Options | |||
Brick
| Name | Brick | Layout | Content, Block |
| Status | Default theme | Device | Standard |
| Author | John Stabinger | Docking | Yes |
| Maintainer | John Stabinger | Width | Fluid |
| Setting Options | |||
| Logo | Link colour | Linkhover colour | Header main colour |
| Block title link colour | Heading colour | ||
Formal White
| Name | Formal White | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | MediaTouch 2000. | Docking | Yes |
| Maintainer | MediaTouch 2000. | Width | Fluid |
| Setting Options | |||
| Default Font size | 1.9 look | Page text or Logo in header | Logo |
| Header background colour | Blocks content background colour | Right column background colour | Blocks column width |
| Footnote HTML | Custom CSS | ||
FormFactor
| Name | FormFactor | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | No |
| Maintainer | Patrick Malley. | Width | Fluid |
| Setting Options | |||
Fusion
| Name | Fusion | Layout | Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | Yes |
| Maintainer | Patrick Malley | Width | Fluid |
| Setting Options | |||
| Link colour | Tagline | Footertext | Custom CSS |
Leatherbound
| Name | Leatherbound | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | Yes |
| Maintainer | Patrick Malley | Width | Fluid |
| Setting Options | |||
Magazine
| Name | Magazine | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | John Stabinger | Docking | Yes |
| Maintainer | John Stabinger | Width | Fluid |
| Setting Options | |||
| Background graphic | Logo graphic | Link colour | Linkhover colour |
| Maincolour | Maincolour accent | Headingcolour | Block colour |
| forumback | |||
Nimble
| Name | Nimble | Layout | Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | Yes |
| Maintainer | Patrick Malley | Width | Fluid |
| Setting Options | |||
| Tagline | Footerline | Headerbackground colour | Link colour |
| Menu hover colour | |||
Nonzero
| Name | Nonzero | Layout | Content, Block, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | Yes |
| Maintainer | Patrick Malley | Width | Fluid |
| Setting Options | |||
| Left col width | Right col width | Custom CSS | |
Overlay
| Name | Overlay | Layout | Content, Block, Block |
| Status | Default theme | Device | Standard |
| Author | John Stabinger | Docking | Yes |
| Maintainer | John Stabinger | Width | Fluid |
| Setting Options | |||
| Link Colour | Header Colour | Footertext | Custom CSS |
Serenity
| Name | Serenity | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | Patrick Malley | Docking | Yes |
| Maintainer | Patrick Malley | Width | Fluid |
| Setting Options | |||
SkyHigh
| Name | SkyHigh | Layout | Content, Block, Block |
| Status | Default theme | Device | Standard |
| Author | Julian Ridden | Docking | Yes |
| Maintainer | John Stabinger | Width | Fluid |
| Setting Options | |||
| Logo | Col Width | Footnote | Custom CSS |
Splash
| Name | Splash | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | Caroline Kennedy | Docking | Yes |
| Maintainer | Caroline Kennedy | Width | Fluid |
| Setting Options | |||
| Logo | Tagline | Hide Tagline Toggle | Footnote |
| Custom CSS | |||
Standard
| Name | Standard | Layout | Block, Content, Block |
| Status | Default theme | Device | Standard |
| Author | Moodle HQ | Docking | Yes |
| Maintainer | Moodle HQ | Width | Fluid |
| Setting Options | |||
Community contributed themes
There are an increasing number of themes available that have been created by the community which have been released for download. Over 15 of these are now available from the new plugins database which is found at: http://Moodle.org/plugins/
For a good comparison, each of the following pages have a theme screenshot taken on my standard Moodle feature course, with no blocks docked followed by a table of data related to that theme. The details on maintainer are as named in the database.
The URLs to the download pages are included in Appendix 1
| Name | Aardvark 2.1 | Layout | Block, Content, Block | |
| Status | Theme Plugin | Device | Standard | |
| Author | Shaun Daubney, Mary Evans | Docking | No | |
| Maintainer | Shaun Daubney, Mary Evans | Width | Fixed | |
| Setting Options | ||||
| Background Image | Logo | Menu Hover Colour | Email URL | |
| Footnote | ||||
| Special Feature | ||||
| Includes a special expandable area in header for logged in users called Profile Bar(grey area in screenshot), can be toggled on/off. | ||||
Aardvark 2.1 – PostIt
| Name | Aardvark 2.1 – PostIt | Layout | Block, Content, Block | |
| Status | Theme Plugin | Device | Standard | |
| Author | Shaun Daubney, Mary Evans | Docking | No | |
| Maintainer | Shaun Daubney, Mary Evans | Width | Fixed | |
| Setting Options | ||||
| Background Image | Logo | Menu Hover Colour | Email URL | |
| Footnote | Profile bar background | |||
| Special Feature | ||||
| Includes a special expandable area in header for logged in users called Profile Bar(grey area in screenshot), can be toggled on/off. | ||||
All Content
| Name | AllContent | Layout | Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | NewSchool Learning. | Docking | Yes |
| Maintainer | NewSchool Learning. | Width | Fluid |
| Setting Options | |||
| Logo | Link Colour | Link Hover Colour | |
Darkb
| Name | Darkb | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | John ST | Docking | Yes |
| Maintainer | John ST | Width | Fluid |
| Setting Options | |||
| Logo | Link | Maincolour | |
Decaf
| Name | Decaf | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | Lei Zhang | Docking | Yes |
| Maintainer | Lei Zhang | Width | Fluid |
| Setting Options | |||
| Background Colour | Footnote | Custom CSS | Hide Settings Block |
| Hide Navigation Block | Show user picture | Add custom menu to Awesome bar | |
| Special Feature | |||
| For all users it shifts the setting blocks to top of the page, creating the so called “Moodle awesome bar”. | |||
Discuss
| Name | Discuss | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | Danny Wahl | Docking | Yes |
| Maintainer | Danny Wahl | Width | Fluid |
| Setting Options | |||
Education Book
| Name | Education Book | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | 99Template.com | Docking | No |
| Maintainer | 99Template.com | Width | Fluid |
| Setting Options | |||
| Logo | Site Link Colour | Header Background Colour | Top Menu Background Colour |
| Block header Background colour | Block content background colour | Footer background colour | Footer note |
Flexi ii
| Name | Flexi II | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | Richard Oelmann | Docking | No |
| Maintainer | Richard Oelmann | Width | Fluid |
| Setting Options | |||
| Custom CSS | Footnote | 27 Dock settings | 17 Block settings |
| 6 Menu Bar Settings | 26 General Page settings | 6 Breadcrumb bar Settings | 12 Header section settings |
| 6 Dropdown settings | 6 menu hover settings | ||
| Special Feature | |||
| This theme has exposed a huge amount of settings through the admin page to allow a significant amount of customisation once it is installed. However you need to have your Hex colours already worked out. | |||
Krystle2
| Name | Krystle 2 | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | Richard Oelmann | Docking | Yes |
| Maintainer | Richard Oelmann | Width | Fluid |
| Setting Options | |||
| Hide Settings Block | Hide Navigation Block | ||
| Special Feature | |||
| This theme has the “Awesome Bar†which moves the settings and navigation blocks to drop down menus at the top of the page. | |||
Lagomorph
| Name | Lagomorph | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard, tablet, Mobile |
| Author | Richard Oelmann | Docking | No |
| Maintainer | Richard Oelmann | Width | Fluid |
| Setting Options | |||
| URL for settings file | URL for menu text file | Choose Menu Layout | Page Image |
| Background colour 1 | Background colour 2 | Off-black colour | Off-white colour |
| Special Feature | |||
| Designed for dynamic column display of 3, 2 or 1 column depending on screensize. There are no dropdowns and some new block locations are defined above the content area. | |||
Mandarin
| Name | Mandarin | Layout | Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | 3rd Wave Media | Docking | No |
| Maintainer | 3rd Wave Media | Width | Fixed |
| Setting Options | |||
MultiStyled
| Name | MultiStyled | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | Richard Oelmann | Docking | No |
| Maintainer | Richard Oelmann | Width | Fluid |
| Setting Options | |||
| Site-wide layout | Page body width | Site logo | Headings background colour |
| Sidebar Background Colour | Main Content background | Main Text Colour | Heading Text Colour |
| Custom CSS | |||
MyMobile
| Name | MyMobile | Layout | Custom |
| Status | Default theme | Device | Mobile, Tablet, All |
| Author | John ST | Docking | No |
| Maintainer | John ST | Width | Fluid |
| Setting Options | |||
| Mobile Theme color switcher | Mobile Intro Text | Show site topic | Show full images on site index and course pages |
| Special Feature | |||
| This theme provides a ui-enhanced mobile-ready version of your Moodle 2. This theme is customised and optimised for smart phones using jquerymobile ( http://jquerymobile.com ). It has been tested most on IOS, 3GS, iPhone 4, iPad and IOS 4+ is recommended. It has also been tested on Android 2.1+. It works with the latest browsers as well (Chrome 10+, Safari, FF 4+ and IE9) | |||
Newsie
| Name | Newsie | Layout | Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | JohnST | Docking | Yes |
| Maintainer | JohnST | Width | Fluid |
| Setting Options | |||
| Logo | Link Colour | Link Hover Colour | |
Simplespace
| Name | Simplespace | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | johnSt | Docking | Yes |
| Maintainer | johnSt | Width | Fluid |
| Setting Options | |||
| Background image | Logo image | Link colour | Linkhover colour |
| Maincolour | Maincolour accent | Heading colour | Block colour |
| Forumback | Forum colour | ||
| Special Feature | |||
Zebra
| Name | Zebra | Layout | Block, Content, Block |
| Status | Theme Plugin | Device | Standard |
| Author | Danny Wahl + others | Docking | Yes |
| Maintainer | Danny Wahl | Width | Fluid |
| Setting Options | |||
| Logo | Logo height | Logo Alt Text | Background image |
| Background colour | First colour | Second colour | Third colour |
| Fourth colour | Fifth colour | Sixth Colour | Seventh colour |
| Colour Scheme | Menu Colour Scheme | One Col max width | Two Col min Width |
| Two col max width | Three Col min width | Three Col max width | Enable page zoom |
| Custom CSS | Hide footer logo | ||
| Special Feature | |||
| Offers 1, 2, 3 column layouts, with dynamic colour dark/light settings. | |||
You must be logged in to post a comment.