Global Settings

Site Favicon

Here you can add a favicon to your Moodle site.

Theme Colours

Brand colours

To set your brand colours quickly simply add the Primary colour Ascent colour Text colour and Border colour. Once done click on the "Apply" button to apply smart colours throughout the site.

Background Settings

  1. Page Background: Here you can colour, image or gradient effect colour for your entire Moodle site background

  2. Ascent Background: This colour will be applied to the background of the tags on the site except for the tags on the course cards and course header banner

  3. Element Background: This colour is applied to the background for small text, the background on hover for dropdown texts, the background of section headers, tooltips

Border Settings

  1. Light Border Colour: This color is applied as a Border to elements with White backgrounds like the Notification dropdown on the header, Course Cards, search for course dropdown and on divider lines on the block elements etc

  2. Medium Border Colour: This colour is applied as the Border colour and divider colour. It is specifically applied as a border colour for Dropdowns and search boxes and also to element backgrounds for whom the element background colour is applied.

Typography

Here you can set font family, font size, font weight, line height, spacing etc for

  1. Body Text

  2. Text Links

  3. Heading from H1 to H6

Theme Layout

Here you can choose the width for your Moodles site. Narrow width is Moodle's default while full width is offered by RemUI.

Buttons

Here you can set the button common settings and colour settings like

  1. Font

  2. Size

  3. Primary Button and Secondary Button Colours: Text Colours, Background Colours, Icon Colours, Border Colours, Hover Colours

PreviousVisual Personalizer (Colour Customization)NextCustom CSS

Last updated