Site Theme
Select the overall visual theme and color mode for your website.
Theme Preset
Choose from professionally designed theme presets that control colors, typography, spacing, and overall design.
Available Themes
| Theme | Description |
|---|---|
| New Salon C1 | Default theme — balanced, versatile starting point |
| Light | Clean, neutral design with excellent readability |
| Dark | Sleek dark theme, easy on the eyes |
| Warm | Friendly design with warm earth tones |
| Minimal | Ultra-clean with maximum whitespace |
| Vibrant | Bold colors and high contrast |
| Modern | Dual-mode adaptive theme (supports light + dark) |
Select a theme from the dropdown to apply it to your site.
Color Mode
Choose how your site appears to visitors:
| Mode | Icon | Description |
|---|---|---|
| Light | Sun | Classic bright backgrounds with dark text |
| Dark | Moon | Inverted colors with dark backgrounds |
| Auto | Monitor | Matches the visitor's system preference |
When to Use Each Mode
Light Mode - Best for daytime viewing, print-friendly content, and traditional aesthetics.
Dark Mode - Reduces eye strain, ideal for evening browsing and modern aesthetics.
Auto Mode - Provides the best experience by respecting user preferences automatically.
What Themes Control
Each theme defines:
- Colors - Primary, secondary, accent, background, and text colors
- Typography - Heading and body fonts, base font size, scale
- Spacing - Base unit, padding and margin presets
- Borders - Border widths and corner radius values
- Shadows - Shadow presets from subtle to dramatic
Tips
- Preview themes with your actual content
- Test both light and dark modes if using auto
- The Modern theme adapts well to both modes
- Consider your audience's preferences when choosing