Universe Moodle Theme
Demo Get this theme
Search
⌃K
Links
Comment on page
🎨

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.
Step 1
Step 2
Main Content
Footer
Favicon
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:

Demo Content - Previous
Front Page Block #0
Next - Demo Content
User roles
Last modified 6mo ago