# Settings

The `Settings` component provides a configurable user interface for changing application themes and languages. It includes expand/collapse functionality, theme and language radio options, and a reset-to-defaults feature. This component is designed to enhance user experience by allowing visual and linguistic customization.

<div align="left"><figure><img src="/files/i4TUcH6HcQv7Z9l5GoN7" alt=""><figcaption></figcaption></figure></div>

#### Expandable Panel

* The settings panel is hidden by default.
* Click the **Settings** icon or button to **expand or collapse** the panel.
* This helps keep the interface clean and focused.

#### Theme Selection

* Displays a categorized list of available **UI themes**.
* Themes are grouped by **mode**:
  * **Light Mode**
  * **Dark Mode**
* Users can select their preferred theme using **radio buttons**.

#### Language Selection

* Users can choose from a set of **predefined language options**.
* The interface will dynamically update to the selected language.
* Q-Remix supports **multi-language UI**, making it accessible to a global audience.

#### Reset to Default

* A prominent **red button** labeled **Reset to Default Settings** is available.
* Clicking this button will:
  * Reset **Theme** to `light`
  * Reset **Language** to `EN` (English)
* This provides an easy way to return to the default interface configuration.

> Tip: Use the **Reset** button if the interface becomes hard to read or if you're testing multiple themes or languages.

The Q-Remix user interface is available in a number of languages as listed below namely English, Spanish, French, Italian, Korean, Russian, Chinese.

<div align="left"><figure><img src="/files/eNVHh7qmXLqeIY8mTSy2" alt=""><figcaption></figcaption></figure></div>

<figure><img src="/files/RVTVpoY3dN9DnSzXZWsj" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/f3i2IviFefIfrCiqxDcN" alt=""><figcaption></figcaption></figure>

Click on 'Reset to Default Settings' to revert the language to English.

<figure><img src="/files/CTxFlgYXy2prV4CYQC5L" alt=""><figcaption></figcaption></figure>


---

# 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://docs.qremix.org/core-modules/settings.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.