# Create Waiver Themes (/how-to/waivers/create-waiver-themes)



Waiver themes let you customize the look and feel of the page customers see when signing a waiver. Each theme is a set of color values that control buttons, backgrounds, text, borders, and status messages. You can create multiple themes and assign different ones to different waivers -- for example, a dark-mode theme for evening events or brand-specific colors for partner activities.

Before you begin [#before-you-begin]

* You need access to the Resytech Dashboard.
* Have your brand colors ready (hex values like `#7C3AED`).

Creating a theme [#creating-a-theme]

1. In the sidebar, click **Waivers**, then navigate to the **Themes** tab.
2. Click **Create Theme**.
3. Enter a **Theme Name** (e.g., "Brand Blue" or "Dark Mode").
4. Configure the colors in each group (see the color reference below).
5. Use the **Live Preview** panel on the right to see how your colors look in real time.
6. Click **Save**.

Applying a preset theme [#applying-a-preset-theme]

Instead of picking every color manually, you can start from a built-in preset and adjust from there.

1. In the theme editor, scroll down to **Preset Themes** in the right panel.
2. Click one of the available presets:

| Preset            | Description                                                |
| ----------------- | ---------------------------------------------------------- |
| **Modern Purple** | A vibrant purple and indigo palette with pink accents.     |
| **Ocean Blue**    | A calming blue palette with cyan accents.                  |
| **Forest Green**  | An earthy green palette with emerald tones.                |
| **Dark Mode**     | A dark background with soft pastel text and accent colors. |

3. All color fields update instantly. Adjust any individual colors as needed.
4. Click **Save**.

Color reference [#color-reference]

Themes are organized into four groups. Every color is a hex value (e.g., `#FFFFFF`).

Primary colors [#primary-colors]

| Color         | Description                                                           |
| ------------- | --------------------------------------------------------------------- |
| **Primary**   | Main brand color used for buttons, links, and interactive highlights. |
| **Secondary** | Supporting color for secondary UI elements.                           |
| **Accent**    | Highlight color for special elements or call-to-action areas.         |

Background colors [#background-colors]

| Color          | Description                                                         |
| -------------- | ------------------------------------------------------------------- |
| **Background** | The main page background color.                                     |
| **Paper**      | The surface color for cards, panels, and the waiver form container. |

Text and border colors [#text-and-border-colors]

| Color          | Description                                                       |
| -------------- | ----------------------------------------------------------------- |
| **Text**       | The primary text color for headings, labels, and body content.    |
| **Muted Text** | A softer color for secondary text, descriptions, and helper text. |
| **Border**     | The color for borders, dividers, and input field outlines.        |

Status colors [#status-colors]

| Color       | Description                                                              |
| ----------- | ------------------------------------------------------------------------ |
| **Error**   | Used for validation errors, required field warnings, and error messages. |
| **Success** | Used for success confirmations and positive status indicators.           |
| **Warning** | Used for warning messages and cautionary alerts.                         |

Editing an existing theme [#editing-an-existing-theme]

1. Navigate to **Waivers** then **Themes**.
2. Click the theme you want to edit.
3. Modify any color values or the theme name.
4. Click **Save**.

Deleting a theme [#deleting-a-theme]

1. Navigate to **Waivers** then **Themes**.
2. Click the theme you want to remove.
3. Click **Delete Theme**.
4. Confirm the deletion.

If a waiver is currently using the deleted theme, it will revert to the default theme.

Assigning a theme to a waiver [#assigning-a-theme-to-a-waiver]

1. Open the waiver in the [waiver editor](/how-to/waivers/use-the-waiver-editor).
2. Click the **gear icon** next to the waiver name to open **Waiver Properties**.
3. Select your theme from the **Theme** dropdown.
4. Click **Save Properties**.

The theme is applied immediately to the customer-facing signing page.

Tips [#tips]

* **Use high contrast between text and background.** Ensure your Text color is easily readable against the Background and Paper colors for accessibility.
* **Test with the live preview.** The theme editor shows a real-time preview of how the waiver signing page will look. Check that buttons, inputs, and error states are all legible.
* **Dark mode themes need light text.** When using a dark Background color, switch to light Text and Muted Text colors.
* **Create a theme per brand or event type.** If you operate multiple brands or event types from one location, separate themes keep each experience on-brand.
* **Presets are a starting point.** Apply a preset, then tweak individual colors to match your exact brand guidelines.