Create Waiver Themes
How to create and customize waiver themes to brand the customer-facing signing experience with your company colors.
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
- You need access to the Resytech Dashboard.
- Have your brand colors ready (hex values like
#7C3AED).
Creating a theme
- In the sidebar, click Waivers, then navigate to the Themes tab.
- Click Create Theme.
- Enter a Theme Name (e.g., "Brand Blue" or "Dark Mode").
- Configure the colors in each group (see the color reference below).
- Use the Live Preview panel on the right to see how your colors look in real time.
- Click Save.
Applying a preset theme
Instead of picking every color manually, you can start from a built-in preset and adjust from there.
- In the theme editor, scroll down to Preset Themes in the right panel.
- 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. |
- All color fields update instantly. Adjust any individual colors as needed.
- Click Save.
Color reference
Themes are organized into four groups. Every color is a hex value (e.g., #FFFFFF).
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
| Color | Description |
|---|---|
| Background | The main page background color. |
| Paper | The surface color for cards, panels, and the waiver form container. |
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
| 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
- Navigate to Waivers then Themes.
- Click the theme you want to edit.
- Modify any color values or the theme name.
- Click Save.
Deleting a theme
- Navigate to Waivers then Themes.
- Click the theme you want to remove.
- Click Delete Theme.
- 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
- Open the waiver in the waiver editor.
- Click the gear icon next to the waiver name to open Waiver Properties.
- Select your theme from the Theme dropdown.
- Click Save Properties.
The theme is applied immediately to the customer-facing signing page.
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.