# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://remui-docs.edwiser.org/remui-theme-setup/dark-mode.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.