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

# Styling the Modal

## Overview

Branding is important to all customers. To ensure Alloy Embedded fits natively into your platform, we allow ISVs to style the Alloy Modal. Let's take a look how.

## How it Works

Many customers want to style the modal to their company's look and feel. If this is you, we support a way for you to style the modal to your company's color. To change the Alloy Modals's colors:

<Steps>
  <Step>
    Navigate to the Settings page
  </Step>

  <Step>
    Under **Brand Color** select the hex code of your choosing
  </Step>

  <Step>
    Hit **Save Changes**
  </Step>
</Steps>

<Frame>
  ![Styling Hosted Modal](https://cdn.runalloy.com/alloy-docs/embedded-ipaas/alloy-automation-brand-appearance-modal-colors.png)
</Frame>

To preview your changes, navigate to any integration you've built so far as seen below. Select the **Preview** button.

<Frame>
  ![](https://alloy-assets.s3.amazonaws.com/alloy-docs/embedded/styling-the-modal/2.png)
</Frame>

When you select the preview, Alloy Embedded with render the modal preview with your desired color scheme. These changes will reflect immediately.

<Frame>
  ![](https://alloy-assets.s3.amazonaws.com/alloy-docs/embedded/styling-the-modal/3.png)
</Frame>

## Wrapping Up

In this article, we took a look at how to style the Alloy Modal to fit your brand's color scheme.