Footer colours

In Moodle
About this page

Background, text, and link colours for the footer.

Footer Color Customization

Customize the colors used in the footer area.

Short text

Footer Background Color

Enter a short value such as a label, link, or colour code.

Admin keytheme_xy/colorfooterbg
Short text

Footer Text Color

Enter a short value such as a label, link, or colour code.

Admin keytheme_xy/colorfootertext
Short text

Footer Link Hover Color

Enter a short value such as a label, link, or colour code.

Admin keytheme_xy/colorfooterlinkhover

Footer colours (dark mode)

Optional colours when the interface is in dark mode. If you only upload a light background image, dark mode uses the **light** footer colours above when set.

Short text

Footer background (dark mode)

Enter a short value such as a label, link, or colour code.

Admin keytheme_xy/colorfooterbgdarkmode
Short text

Footer text colour (dark mode)

Enter a short value such as a label, link, or colour code.

Admin keytheme_xy/colorfootertextdarkmode
Short text

Footer link colour (dark mode)

Enter a short value such as a label, link, or colour code.

Admin keytheme_xy/colorfooterlinkdarkmode
Short text

Footer link hover colour (dark mode)

Enter a short value such as a label, link, or colour code.

Admin keytheme_xy/colorfooterlinkhoverdarkmode
Upload a file

Footer Background (Image)

Upload a background image for the footer (the full file is served via pluginfile—no automatic downscaling). For a sharp full-width footer use at least 1920px width (or 2× for retina). Use **Fill the footer** only with a large enough image; otherwise choose **Original size** or **Fit inside**.

Admin keytheme_xy/footerbgimg
Suggested screenshot. Show the menu or footer on a typical page after your change is saved.
Add screenshot: screenshots/footer-colors/footerbgimg.png
Upload a file

Footer Background (Image) Dark Mode

Optional background image for the footer in dark mode. If empty while a light image is set, dark mode hides the image and uses the footer colours below (or theme defaults).

Admin keytheme_xy/footerbgimgdark
Suggested screenshot. Show the menu or footer on a typical page after your change is saved.
Add screenshot: screenshots/footer-colors/footerbgimgdark.png
Dropdown choice

Image position

Where the image is anchored inside the footer area.

Admin keytheme_xy/footerbgimgpos
Dropdown choice

Image size

How the image fills the footer area.

Admin keytheme_xy/footerbgimgsize
Dropdown choice

Image repeat

Whether the image tiles or appears once.

Admin keytheme_xy/footerbgimgrepeat
Dropdown choice

Background scroll behaviour

Choose whether the image stays fixed in the browser window or scrolls with the page.

Admin keytheme_xy/footerbgimgattachment
Text area

Footer Custom CSS

Add custom CSS to style the footer background.

Admin keytheme_xy/footercustomcss
DefaultEmpty