Theme Presets and Custom Colors

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

1. Go to Admin > Settings > Appearance
2. Browse the theme gallery with live previews
3. Click Apply on your preferred theme
4. 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.