# Customization

## **1. How to Customize Your Application**

The `/customize` command allows you to personalize various aspects of your application, such as design elements, links, or layout features. Modify settings like colors, links, and rounded corners to make your application's appearance unique and tailored to your preferences.

**Basic Command:**

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

### **Parameters Explained:**

1. **Category:**

   * **Purpose:** Determines which part of your application you want to customize.
   * **Available Categories:**
     * `Links`: Customize URLs or references within your app.
     * `Design`: Modify color settings to adjust your app’s appearance.
     * `Rounded Corners`: Set the degree of rounding for interface corners.
   * **Example Command:**

   <figure><img src="/files/6lTEDqjDtVqxRR7jHpH6" alt=""><figcaption></figcaption></figure>
2. **Option:**

   * **Purpose:** Specifies the exact element within the chosen category that you want to customize.
   * **Examples by Category:**

     * **Design:**
       * `highlight_color`: Changes the highlight color.
       * `loader_box_color`: Changes the loader boxes color.
       * `main_text_color`: Updates the main text color.
       * `main_widgets_color`: Alters the color of your main app widgets.
       * **Example:**

         <figure><img src="/files/NdtfOvxnguVZjzFUcwZo" alt=""><figcaption></figcaption></figure>
     * **Links:**

       * `discord_url`: Updates the Discord link.
       * `website_url`: Changes the Website link.
       * `guide_url`: Modifies the Guide/Documentation page link.
       * **Example:**

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

     **Rounded Corners:**

     * `corner_radius`: Adjusts the curvature of corners.
   * **Example Command:**

   <figure><img src="/files/j4UAdM1zjI3RnihotAgk" alt=""><figcaption></figcaption></figure>
3. **Value:**
   * **Purpose:** Provides the new value for the selected option. The format depends on the category and option chosen.
   * **Accepted Formats:**
     * **Colors:** A valid 6-digit hex code (ex: `#FF00FF`).
     * **URLs:** A properly formatted URL (ex: `https://example.com`).
     * **Numeric Values:** A non-negative integer (ex: `12` for corner radius).

### **Detailed Explanations:**

1. **Customizing Colors:**

   * **Example Command:**

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

   * **Result:** Sets the highlight color to magenta (`#FF00FF`).
2. **Modifying Rounded Corners:**

   * **Example Command:**

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

   * **Result:** Sets the corner radius to `15`, creating more rounded corners.
3. **Updating Links:**

   * **Example Command:**

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

   * **Result:** Updates the Discord link to `https://discord.gg/anewvision`.

***

## **2. How to Update Application Images**

The `/update_image` command enables you to update various images within your application, such as the logo, background, lateral menu background, and more. This ensures that your application’s visual elements remain current and aligned with your branding or design preferences.

**Basic Command:**

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

### **Parameters Explained:**

1. **Image Name:**

   * **Purpose:** Specifies which image you want to update.
   * **Available Image Names:**
     * `Logo`: The main logo of your application.
     * `News_Page`: The image displayed on the news page.
     * `Lateral_Menu`: The background image for the lateral menu.
     * `Background`: The general background image of the application.
     * `Category_Image`: An image specific to a category (requires specifying the category).
   * **Example Command:**

   <figure><img src="/files/eGGHBwywyn4M425hyA17" alt=""><figcaption></figcaption></figure>
2. **New Link:**

   * **Purpose:** Provides the URL to the new image. The image must be in `.png`, `.jpg`, `.jpeg`, or `.gif` format.
   * **Example Command:**

   <figure><img src="/files/cFRIitlKJagZsn3YxTKB" alt=""><figcaption></figcaption></figure>
3. **Category (Optional):**

   * **Purpose:** Required only when updating a `Category_Image`. Specifies which category the image belongs to.
   * **Example Command:**

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

### **Detailed Explanations:**

1. **Updating Standard Images:**

   * **Example Command:**

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

   * **Result:** Updates the application’s logo to the image located at `https://example.com/newlogo.png`.
2. **Updating Category-Specific Images:**

   * **Example Command:**

   <figure><img src="/files/3NT3VCnpeDgyboErKSQs" alt=""><figcaption></figcaption></figure>

   * **Result:** Updates the image for the `BO6` category to the one located at `https://example.com/BO6_category.png`.
3. **Image Validation:**

   * **Invalid Example Command:**

   <figure><img src="/files/0P8AknnRAaveDOoeju91" alt=""><figcaption></figcaption></figure>

   * **Result:** Error message indicating the image format is invalid.
4. **Versioning:**

   * Each time an image is updated, the system increments the version number automatically, helping track changes and maintain consistency.
   * **Example Notification:**

   <figure><img src="/files/7TShWWfNc8KhIZx9FZN4" alt=""><figcaption></figcaption></figure>

#### **Note:**

* **Batch Updates:** Execute separate `/update_image` commands for each image you wish to update.
* **Consistency:** Ensure all image URLs are accessible and hosted on reliable platforms like [Cloud ](/av/bots/cloud-old.md)to prevent broken images within your application.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://av0.gitbook.io/av/applications/multiloader-s1/discord-integration/customization.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.
