> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getcollate.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize Collate Interface

> Brand your Collate instance with a custom logo, monogram, favicon, and color scheme to match your organization's identity.

# Customize Collate Interface

Admins can customize the Collate interface to match their organization's branding — including logos, favicon, and a full color palette.

## Setting Collate Theme

1. Click your **Profile** icon and navigate to **Settings** > **Preferences**.

   <img src="https://mintcdn.com/collatedocs/upR0ShcKvEojE0Rd/public/images/ai-2.0/admin-guide/theme/access-theme.png?fit=max&auto=format&n=upR0ShcKvEojE0Rd&q=85&s=4dd9b962f8466dbcc596640acfdc7db6" alt="Navigate to Settings" width="2990" height="1582" data-path="public/images/ai-2.0/admin-guide/theme/access-theme.png" />

2. Click **Theme**.

   <img src="https://mintcdn.com/collatedocs/upR0ShcKvEojE0Rd/public/images/ai-2.0/admin-guide/theme/select-theme.png?fit=max&auto=format&n=upR0ShcKvEojE0Rd&q=85&s=35631dc1f27c2fd2e473055a5d617f14" alt="Select Theme under Preferences" width="2830" height="1502" data-path="public/images/ai-2.0/admin-guide/theme/select-theme.png" />

3. Customize your Collate interface.

## Custom Logo

The **Custom Logo** section lets you replace the default Collate branding assets:

| **Field**        | **Description**                  |
| :--------------- | :------------------------------- |
| **Logo URL**     | URL path for the login page logo |
| **Monogram URL** | URL path for the navbar logo     |
| **Favicon URL**  | URL path for the favicon         |

<img src="https://mintcdn.com/collatedocs/upR0ShcKvEojE0Rd/public/images/ai-2.0/admin-guide/theme/customize-ui.png?fit=max&auto=format&n=upR0ShcKvEojE0Rd&q=85&s=61572a05f59e53af5fdf3ecc6d7287e4" alt="Custom Logo and Theme Settings" width="2816" height="1534" data-path="public/images/ai-2.0/admin-guide/theme/customize-ui.png" />

**Sizing requirements**:

* **Logo**: Use a 16:9 aspect ratio.
* **Monogram** and **Favicon**: Use a 1:1 aspect ratio.

After entering the URLs, click **Save**. Refresh the page to see the updated logos and favicon.

## Custom Theme

The **Custom Theme** section lets you define brand colors used across the interface. Each field accepts a HEX color code or a color picker selection — the preview on the right updates in real time.

| **Color**                  | **Applied to**                                     |
| :------------------------- | :------------------------------------------------- |
| **Primary Color**          | Primary buttons, links, and key UI elements        |
| **Selected Color**         | Selected state on data assets and navigation items |
| **Hover Color**            | Background highlight on interactive elements       |
| **Panel Background Color** | Panel and sidebar backgrounds                      |
| **Error Color**            | Error messages and destructive action indicators   |
| **Success Color**          | Success confirmations and positive states          |
| **Warning Color**          | Warning messages and caution alerts                |

After configuring colors, click **Save** to apply.

<Tip>
  **Tip**: Click **Reset** at the top of the Theme page to restore all default Collate logos and colors.
</Tip>