Docs
VerifiedLast checked Feb 7, 2026by agentReport a bug or request a feature

Choosing a Theme

Themes define the overall visual style of your website, setting defaults for colors, typography, and component appearance. Choose from carefully crafted presets or use them as starting points for customization.

What Themes Control

Themes establish the foundation for your site's visual identity:

ElementWhat Changes
ColorsBackground, text, accent, and brand colors
TypographyFont families, sizes, line heights
SpacingConsistent margins and padding
ComponentsButton styles, form elements, navigation
ModeLight or dark appearance

Available Themes

New Salon C1 (Default)

A balanced, versatile starting point with clean lines and good contrast.

  • Best for: General portfolios, getting started

Light

Professional theme with excellent readability and neutral tones.

  • Best for: Corporate sites, text-heavy content

Dark

Sophisticated dark theme that makes visual content stand out.

  • Best for: Photography, art galleries, creative work

Warm

Friendly design featuring warm earth tones and approachable styling.

  • Best for: Food blogs, lifestyle brands, crafts

Minimal

Ultra-clean with generous whitespace and restrained color palette.

  • Best for: Minimalist portfolios, typography-focused sites

Vibrant

Bold colors and high contrast for energetic, attention-grabbing sites.

  • Best for: Creative agencies, event promotion, youth brands

Modern

Contemporary theme that adapts to both light and dark modes automatically.

  • Best for: Tech companies, design studios, apps

Applying a Theme

Select and Apply

  1. Open Settings from the top toolbar
  2. Choose Theme from the sidebar
  3. Click on any theme to preview it
  4. Click Apply Theme to activate

Preview Before Applying

Hover over any theme to see:

  • Live preview on your actual content
  • Color palette changes
  • Typography adjustments

What Changes When You Switch

Updates Immediately

  • Color scheme across all pages
  • Default typography settings
  • Button and component styling
  • Navigation appearance

Stays the Same

  • Your content (text, images, videos)
  • Page layouts and structure
  • Custom styling overrides
  • Block positioning

Dark Mode Configuration

Some themes support visitor-controlled dark mode switching:

  1. Go to Settings > Theme
  2. Look for Dark Mode Toggle option
  3. Enable Allow visitors to switch modes
  4. A toggle button appears on your published site

Note: This feature is available on select themes only.

Choosing the Right Theme

For Photography

  • Dark or Minimal make images the focus
  • Test with your actual photos before deciding
  • Consider how colors interact with your work

For Business

  • Light or New Salon C1 project professionalism
  • Ensure brand colors work with theme palette
  • Prioritize readability for service descriptions

For Creative Work

  • Vibrant or Modern show personality
  • Dark creates drama and sophistication
  • Match the theme energy to your creative style

Customizing After Applying

Themes are starting points, not final destinations:

  1. Apply your chosen base theme
  2. Visit Settings > Colors to adjust palette
  3. Go to Settings > Typography for font changes
  4. Fine-tune individual elements as needed

Tips for Success

  • Preview with real content - Don't judge themes on placeholder text
  • Test on mobile - Switch to mobile view and preview themes there
  • Consider your audience - Match theme tone to visitor expectations
  • Start simple - You can always add complexity through customization

Switching Themes Later

You can change themes anytime without losing content:

  1. Return to Settings > Theme
  2. Select a different theme
  3. Preview and apply
  4. Republish to make changes live

Custom styling and content remain intact when switching themes.

Next Steps

After choosing your base theme:

Choosing a Theme - Salon Docs