🎨Course Colors

In order to access customized color options for courses, you must include the following custom fields:

1. Custom Fields

Site administration -> Courses -> Course custom fields

To add your own customized color, simply go to the course settings.

1. Custom Course Logo & Custom Course Logo (Dark Mode)

2. Custom Site Title

3. Top Bar Color & Top Bar Color (Dark Mode)

4. Main Color #1

5. Gradient: Main Color #1 & Main Color #2

2. Please install the custom plugin (for custom Logo and favicon)

To add a custom logo on the course page, kindly install the plugin provided below. https://moodle.org/plugins/customfield_picture

3. Add all fields from the list below:

List of all custom fields

Add a new custom field -> Picture Short name: customcourselogo Description: Depends on you Visible to: Everyone

2. Custom Course Logo (Dark Mode)

Add a new custom field -> Picture Short name: customcoursedmlogo Description: Depends on you Visible to: Everyone

Add a new custom field -> Picture Short name: customcoursefavicon Description: Depends on you Visible to: Everyone

4. Top Bar Color

Add a new custom field -> Short text Short name: topbarcolor Description: Top bar color Visible to: Nobody

5. Top Bar Color (Dark Mode)

Add a new custom field -> Short text Short name: dmtopbarcolor Description: Top bar color on the dark mode Visible to: Nobody

6. Main Color #1 (Primary button, Gradient Color #1)

Add a new custom field -> Short text Short name: maincolor1 Description: Visible to: Nobody

7. Main Color #2 (Gradient Color #2)

Add a new custom field -> Short text Short name: maincolor1 Description: Visible to: Nobody

Add a new custom field -> Short text Short name: footercolor Description: Visible to: Nobody

Tutorials:

Last updated