Themes

What Themes are for

Themes let you restyle the look of your panels with custom CSS without touching any code. A theme is a block of CSS that loads on top of the default styling, so it can override colours, surfaces, button shapes, corner radius, fonts and spacing. You can build a theme for your staff (admin) panel, your customer (client) panel, or both, keep as many as you like in a catalogue, and switch the active one at any time.

How to reach it

Open Settings from the sidebar, then under the Appearance group choose Themes. The catalogue is headed “Themes” with the subtitle “Create and manage custom CSS themes for your panels.”

Reading a theme card

Each theme appears as a card. The card shows:

• Name — the theme’s title. The built-in default theme is marked (System) next to its name.
• Description — a short note about the theme, or “No description” if none was set.
• Panel-type badge — Admin Panel, Client Panel, or Both Panels, telling you where the theme applies.
• CSS — the size of the theme’s CSS (for example CSS: 0 B on the System theme, because its styling is built in rather than stored as separate CSS).
• Updated — the date the theme was last changed.
• Active badge — a green badge in the top-right corner of whichever theme is currently applied. The active card also gets a coloured ring so it stands out at a glance.

Filter chips

Above the cards are four filter chips: All Themes, Admin Panel, Client Panel, and Both Panels. Click one to narrow the list to themes scoped to that panel. The chips only change what you see — they do not change any theme.

Activating a theme

1. Find the theme card you want to use.
2. Click Activate. (The Activate button only appears on themes that are not already active.)
3. The panel(s) the theme is scoped for switch to the new styling, and the card gains the Active badge.

Only one theme is active at a time. Activating a new theme replaces whichever one was active for the same panel scope.

Creating a theme

1. Click Create Theme (top-right). This opens the Theme Editor with a blank theme and the Quick Create side panel already open.
2. Give the theme a name in the title field at the top of the editor — a name is required before you can save.
3. Pick where it applies using the panel-type dropdown (Admin Panel, Client Panel, or Both Panels).
4. Generate styling from a preset on the Presets tab, fine-tune colours on the Custom tab, or write CSS directly in the editor.
5. Click Save. The new theme is added to your catalogue. Saving does not activate it — you still click Activate on its card when you are ready to apply it.

See Theme Editor for a full walkthrough of the presets, colour pickers, and visual-style options.

Editing, duplicating and deleting

Each card has an Edit button and a three-dot menu:

Action	Where	What it does
Edit	Button on the card	Opens the Theme Editor for that theme so you can change its name, panel scope, or CSS.
Activate	Button on the card (when not active)	Applies the theme to its scoped panel(s).
Duplicate	Three-dot menu	Creates an editable copy you can modify without changing the original — handy for experimenting from a known-good starting point.
Delete	Three-dot menu	Permanently removes the theme. The Delete option only appears for your own themes that are not the System theme and are not currently active. You are asked to confirm first.

You cannot delete the System theme, and you cannot delete a theme while it is active. To remove an active theme, activate a different one (or disable all themes) first, then delete it.

Resetting to the default styling

When you open or edit a theme and then use the editor’s back arrow to step out to the full Themes list, a Disable All button appears at the top-right whenever a theme is active. Clicking it deactivates every theme and reverts the panels to the built-in default styling. You are asked to confirm first, because the change affects everyone using the panels.

Troubleshooting tip: if something looks wrong after applying a custom theme, use Disable All (or activate the System theme) to rule your CSS in or out. If the problem disappears with the default styling, the issue is in your custom theme’s CSS; if it persists, it is unrelated to theming.

Practical notes

• The CSS size on a card is a quick sanity check. The System theme reads 0 B because it has no separate CSS; a custom theme reflects only the overrides you wrote.
• Themes scoped to Both Panels apply the same styling to staff and customers. Use separate Admin-only and Client-only themes if you want a different look for each audience.
• Your themes are stored with your account and are preserved across platform updates — updates will not overwrite or delete them.
• Duplicating before a big change gives you an instant rollback: if the edit goes wrong, just re-activate the copy.

Related

Theme Editor · Settings