# Selecting Theme Presets

Learn how to instantly re-skin your website's colors, typography, and styling using DaisyUI Theme Presets.

Club Creator uses a semantic theming system based on DaisyUI. Changing your site's **Theme Preset** instantly updates all colors, buttons, badges, and card styles across every page of your website without requiring custom CSS.

## Step 1: Open Theme Settings

In the Console sidebar under your Project, expand **Site Settings** and select **Theme & Appearance**.

![Project Theme Settings Navigation](/images/guides/theme-presets/step-1-theme-settings-nav.png)

## Step 2: Choose a Theme Preset

Browse through the curated palette presets in the left panel.

![Theme Presets Palette Selector](/images/guides/theme-presets/step-2-presets-selector.png)

Each theme preset displays color swatches for its Primary, Secondary, Accent, and Background tones:
- **Light / Dark**: Clean modern defaults.
- **Cupcake / Pastel**: Soft, friendly aesthetics.
- **Synthwave / Cyberpunk**: High-contrast, vibrant neon club vibes.
- **Retro / Forest / Sunset**: Natural and vintage palettes.

## Step 3: Preview and Save

As you click on different theme presets:
1. The **Live IFrame Preview** on the right updates in real time to show how your actual site pages appear with the selected palette.
2. Use the **Page Selector** and **Viewport Buttons** (Desktop, Tablet, Mobile) above the preview to check multiple views.
3. When satisfied with your selection, click **Save Changes** in the header.
