Skip to main content

5 docs tagged with "Theme"

View All Tags

Fonts

CSS3 standard introduced the possibility to specify custom fonts, see CSS web fonts tutorial.

Images and icons in themes

One of the theme features is the ability to override any of the standard images within Moodle when your theme is in use. At this point, let's explore how to utilize your own images within your theme and how to override the images being used by Moodle.

Layout

All themes are required to define the layouts they wish to be responsible for as well as create; however, many layout files are required by those layouts. If the theme is overriding another theme then it is a case of deciding which layouts this new theme should override. If the theme is a completely fresh start then you will need to define a layout for each of the different possibilities.

Styles

Let's begin by exploring the various locations within Moodle from which CSS can be included:

Theme plugins

A Moodle theme allows users to customize the appearance and functionality of their Moodle site, from overall design to specific activities. Users can create their own themes or modify existing ones, leveraging CSS and JavaScript for customization. The theme architecture ensures smooth fallbacks for minimal changes, fostering flexibility and ease of use.