Dark Mode

Activating the Dark Mode

To activate Dark Mode in RemUI, follow these steps:

1. Click on the "moon" icon located at the top right corner of the screen.

Controlling Dark Mode Settings

To control Dark Mode settings, follow these steps:

1. Navigate to RemUI Settings:

   • Go to Site admin > Appearance > Theme > Edwiser RemUI > Basic.

2. Select Dark Mode Settings.

3. Enable the dark mode functionality.

Options to Control Dark Mode Settings

In the Dark Mode settings, you will find the following options:

Dark Mode Options

• Allow All Pages: Dark mode will be applied on all pages.

• Allow on All Pages Excluding These Pages: Dark mode will be applied on all pages except for the pages with specific URLs provided.

• Allow Only on These Pages: Dark mode will be applied only on the pages with specific URLs provided.

To include or exclude dark mode, add the complete URL of the page, or use patterns to match parts of the URL:

Examples:

• Dashboard: %my/%

• Homepage: [Site_URL]/?redirect=0

• Category Pages, Course View Page, Section/Topics: %course/%

• Course and Section/Topic Pages: %course/view.php%

  • To match all courses.

  • To match a specific course (e.g., course with id=2): %course/view.php?id=2

• Course Enrolment Page: %enrol/%

• Activity Pages: %mod/(activity_type)%

  • Replace (activity_type) with the specific activity type:

    • Page activity: %mod/page/view.php%

    • Assignment activity: %mod/assign/view.php%

    • Quiz activity: %mod/quiz/%

• Specific Quiz Pages:

  • View the quiz: %mod/quiz/view.php%

  • Start or attempt the quiz: %mod/quiz/attempt.php%

  • See quiz summary after attempt: %mod/quiz/summary.php%

  • Review submitted answers: %mod/quiz/review.php%

Dark Mode Logo Support

The Dark Mode feature now includes support for uploading dark mode-specific logos. This enhancement allows you to upload different logos that will appear when Dark Mode is activated on your site, providing a seamless and visually consistent experience for users.

How to Enable Dark Mode Logo Support

To upload logos specifically for Dark Mode, follow these steps:

1. Access RemUI Settings

• Navigate to the Basic tab of the RemUI settings.

• Alternatively, you can use the Visual Personalizer by going to:

Site → Header → Header Logo Settings

2. Choose Site Logo Format

• Set the "Choose site logo format" option to either Logo only or Logo mini.

3. Upload Your Dark Mode Logo

• Upload your dark mode-specific logo in the designated area.

4. Footer Logo for Dark Mode

• A similar setting is available for the footer logo under:

Site → Footer → Footer Bottom Area

Upload the dark mode version of your footer logo here, if needed.

---

Dark Mode Activation

Once Dark Mode is enabled on your site, the uploaded dark mode logos will automatically appear in both the header and footer areas, ensuring that your site’s branding is consistent in both light and dark modes.