Edwiser RemUI Theme For Moodle - Documentation
Edwiser RemUI Theme Documentation
Edwiser RemUI Theme For Moodle - Documentation
Edwiser RemUI Theme Documentation
  • 🚀Getting Started
    • Clone RemUI Demo
      • Requirements
      • Installation Steps Demo Cloner
      • Login
      • For Non-SQL User
    • Installation
      • Changing the theme to RemUI
      • Activating the license key
      • Enabling up page builder
    • Quick Start Guide
      • Basic Configuration
      • Customizing Your Theme
      • Import Demo Home Page
  • 🏠Site Home Page Setup
    • Set Page Builder & Enable Filter
    • Import Demo Home Page
    • Create Home Page
    • Customize Home Page Sections
    • Create Home Page For RemUI Starter
  • ⚙️RemUI Theme Setup
    • Basic Setting
    • Focus Mode Enhancements
    • Dark Mode
    • 🖌️Visual Personalizer (Colour Customization)
      • Global Settings
      • Custom CSS
    • Header
    • Footer
    • Login Page
    • Custom CSS
  • 📖Course Setup
    • Course Format
    • Course Settings
    • Course Filters and Sorting
    • Featured Courses Block
    • Enrolment Global Settings
    • View Enrolment Page
    • Edit Enrolment page
    • Adding custom fields
  • 📊Dashboard Page Setup
  • 🛠️Custom Page Creation
    • Create custom page
    • Customize the page
    • SEO optimzing the page
    • Saving and Publishing the Page
    • Manage custom pages
    • Edit Custom Page URL
  • Accessibility Widget
  • Site Sync
  • ⭐Course Rating & Review
  • Export block
  • 🔁Update Guide
  • 🧠Knowledge Base
Powered by GitBook
On this page
  • Site Favicon
  • Theme Colours
  • Brand colours
  • Background Settings
  • Border Settings
  • Typography
  • Theme Layout
  • Buttons

Was this helpful?

  1. RemUI Theme Setup
  2. Visual Personalizer (Colour Customization)

Global Settings

PreviousVisual Personalizer (Colour Customization)NextCustom CSS

Last updated 9 months ago

Was this helpful?

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

⚙️
🖌️