Theme Presets and Custom Colors
Your site appearance is controlled by a theme system that uses CSS variables for consistent styling.
Built-in presets
Choose from four professionally designed themes:
- Luxury Blue (default) — Navy and gold tones conveying trust and professionalism
- Modern Green — Clean white base with fresh green accents for a modern feel
- Warm Gold — Amber and warm tones for a premium, boutique aesthetic
- Urban Dark — Dark mode with high-contrast accents for a sleek, modern look
Applying a theme
- Go to Admin > Settings > Appearance
- Browse the theme gallery with live previews
- Click Apply on your preferred theme
- The change takes effect immediately across your entire site
Custom colors
Beyond the presets, you can customize individual color values:
- Primary color — Used for buttons, links, and active states
- Secondary color — Used for accents and hover states
- Background — Page background color
- Text — Primary text color
- Muted — Secondary text and border color
How theming works
The theme system uses CSS custom properties (variables) defined in your site global stylesheet. When you change a preset or custom color, the variables update and every component reflects the new values instantly.
Resetting to defaults
If your custom colors do not look right, click Reset to Preset to restore the currently selected theme default values.
Was this article helpful?
Related Articles
Customizing Your Branding
How to upload your logo, set your site name, choose a favicon, and pick theme colors.
Getting Started
Hero Section Configuration
How to customize the homepage hero heading, background, and search style.
Site Customization
Homepage Section Ordering
How to rearrange and toggle homepage sections.
Site Customization