> For the complete documentation index, see [llms.txt](https://docs.helpyousponsor.com/guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.helpyousponsor.com/guides/advanced-features/customization-options.md).

# Customization Options

HelpYouSponsor offers extensive customization capabilities that allow you to align the platform's appearance with your organization's branding. These customization options ensure a consistent and professional look across all your donor-facing interfaces.

### Theme Color Configuration

The Theme Color Configuration system allows you to customize the visual appearance of your donor-facing pages and forms without any coding knowledge.

To change the color theme for a program's donor-facing page, open the program and select **Manage** to open **Website & Embed**.

<figure><img src="/files/RYINT4fJqYVkGJnHJQGk" alt=""><figcaption><p>Use Website &#x26; Embed to preview donor-facing pages and update appearance settings.</p></figcaption></figure>

The **Appearance** section shows the theme controls and a preview of the public page.

You can change the theme color using two methods:

* **Using the Color and Color level drop-downs.**

  To **color** and **color level** are set to **Indigo** and 600 respectively by default. To change these click on each to select the preferred color and the color level you wish to use.

  HYS provides a number of different colors to select from. Look through to see which one fits your organization's theme color.

  The color level is the contrast you want the color to have and it ranges from 50 to 950.

  Clicking a color or color level automatically updates the color theme for you immediately.
* **Using the custom color palette**

  To use the custom color palette click the custom button. This will expand the section and show a rectangle filled with a color. Click the rectangle to reveal the color palette.

  <figure><img src="/files/b5ReNXY1sF1h9gPLTDyv" alt="" width="375"><figcaption></figcaption></figure>

  After selecting your color, click the "Set custom Theme" button to change the theme.

When a color theme is changed, the preview reloads to show you how the page will look.

> ***Note**: If the program uses a setting that is shared by multiple programs, use **Save copy now** to keep the color change on the current program only. Use **Update Shared Setting** only when you want the change to apply to every linked program.*
