Storefront Themes
Design the colors, corners, and font of your public event and venue pages, then apply a theme to a venue or a single event.
A theme is a named look for your public pages on Resyevents. It sets the colors, the corner style, the font, and how strongly your artwork shows through behind the page. Create themes under Themes, then apply one to a venue to style every event held there, or to a single event when one night needs its own look.
Without a theme, your pages render in the built-in default look (a dark storefront with a violet accent). Nothing about themes is required.
What a Theme Controls
A theme restyles everything a buyer sees on the public storefront:
- The event page and its ticket rail
- The checkout pages and the card form, which picks up your accent, surface, text, and font
- The order-confirmed page
- The venue page
It does not change wording, layout, or what is for sale. A few things stay fixed on purpose: the full-screen photo lightbox keeps its neutral dark surround, and the QR ticket cards on the confirmation page stay black on white, because scanner contrast matters more than styling.
Creating a Theme
Go to Themes and click Create Theme. A theme needs a name (up to 80 characters); the description is an optional note to help you recognize it in the list. The editor is a live one: a miniature of the public event page sits beside the controls and updates as you change them.
Start From a Palette
Six ready-made palettes give you a complete look to adjust rather than a blank slate. Picking one replaces all of your current colors, corner style, font, and opacity settings, so choose a starting point before you start fine-tuning.
| Palette | Look |
|---|---|
| Midnight (default) | The storefront's shipped dark look with a violet accent. |
| Neon | Near-black with a bright cyan accent. |
| Ember | Warm dark brown with an orange accent. |
| Forest | Deep green with a mint accent. |
| Daylight | A light theme: near-white page, blue accent, Inter. |
| Paper | A warm light theme: cream page, rust accent, Lora. |
Colors
Eleven colors are editable, grouped by what they do. Each row has a color picker, the current hex value, and a reset arrow that appears once you have changed it from the default. Reset all to default returns the whole palette to Midnight.
| Group | Setting | What it colors | Default |
|---|---|---|---|
| Surfaces | Page background | The page itself, behind everything | #09090b |
| Surfaces | Cards | Ticket rail, order summary, venue card, banners | #111114 |
| Surfaces | Inputs | Form fields and loading placeholders | #1a1a1f |
| Surfaces | Borders | All borders and dividers | #27272d |
| Text | Text | Headings and body copy | #fafafa |
| Text | Secondary text | Descriptions, labels, the footer | #a1a1aa |
| Accent | Accent | Buttons, links, icons, countdowns, highlights | #7c5cff |
| Accent | Accent hover | Primary buttons on hover | #6c4ce8 |
| Accent | Text on accent | The label inside a primary button | #ffffff |
| Status | Success | The confirmed-order check | #4ade80 |
| Status | Warning | Errors and "Only 3 left" urgency hints | #f87171 |
Set text and background colors that contrast well. Nothing stops you from putting dark text on a dark card, and the preview is where you will catch it.
Shape and Type
| Setting | Choices |
|---|---|
| Corner style | Square, Slight, Rounded, Soft (default), Very soft, Pill. Applies to cards, buttons, and inputs. |
| Font | System default, Inter, DM Sans, Poppins, Montserrat, Space Grotesk, Figtree, Playfair Display, Lora, Oswald, or Bebas Neue. |
The dashboard preview shows a stand-in typeface rather than the real one, which is honest about weight and shape without pulling web fonts into the dashboard. The public storefront loads the real face.
Image Effect Strengths
Two sliders (0 to 100 percent) control how strongly your artwork shows behind the page:
| Setting | What it affects | Default |
|---|---|---|
| Event page backdrop | How strongly the blurred poster shows behind the event and checkout pages. | 60% |
| Venue page hero | How strongly the venue's cover photo shows before it fades into the page. | 50% |
Turn these down for a calmer page, or to zero to remove the effect entirely. Light palettes generally want much lower values than dark ones (Daylight and Paper ship at 25% and 20%).
Applying a Theme
There are two places to pick one, and both offer Default look as a real option so clearing a theme is as easy as setting one.
| Where | Effect |
|---|---|
| Venue → Details → Storefront theme | Styles the venue's own public page and every event held at that venue. |
| Event → Storefront theme | Overrides the venue's theme for that one event. |
The order is fixed and shallow:
- The event's own theme, if it has one.
- Otherwise the theme on the venue the event was created from.
- Otherwise the default look.
On the event form, the inherit option names what it inherits, for example "Use House Style (venue theme)", or "Default look" when the venue has no theme of its own. Setting the event back to that option hands it back to the venue.
Edits Apply Immediately
Unlike a venue's name and address, which are snapshotted onto an event when you save it, a theme is read live. Saving a theme restyles every page already pointed at it, right away. That is the point: fix a color once and every show at that venue picks it up.
It also means an event's theme stays editable after the event is published. Restyling a page changes no ticket terms, so nothing about it is frozen at publish time the way the event's model and public link are.
Managing Themes
The Themes list shows a miniature preview of each theme with a badge saying where it is applied ("2 venues", "1 event", or "Not applied"). Opening a theme shows the same counts in the header.
- Editing a theme is safe at any time, but remember that it changes live pages.
- Deleting a theme is only possible when no venue and no event is using it. If any are, the delete is refused and you need to switch those venues and events to another theme (or to Default look) first. This is deliberate: deleting a theme out from under a live page would silently restyle it.
- You can keep up to 100 themes.
Values that are not valid are quietly dropped back to the storefront default rather than blocking a save, so if a color does not take effect on the public page, re-pick it in the editor and save again.