# Themes

#### DaisyUI’s 32 Themes

<figure><img src="/files/WB0zp5xBgda8LgXS2kI2" alt=""><figcaption></figcaption></figure>

Fast Phoenix includes seamless integration with **DaisyUI**, a popular utility-first component library built on top of TailwindCSS. With **32 built-in themes**, you can transform your application’s look and feel instantly, ensuring it always matches your brand or user preferences.

***

**Why DaisyUI Themes?**

1. **Prebuilt Themes**
   * A wide variety of themes cater to different aesthetics, from professional and minimalistic to bold and vibrant.
   * Themes are carefully designed for consistency and usability.
2. **Dynamic Customization**
   * Switch between themes effortlessly without rewriting any styling.
   * Use themes to allow users to personalize their experience or dynamically match their device’s dark/light mode settings.
3. **Fully Compatible with Fast Phoenix**
   * Every page, component, and element in Fast Phoenix has been coded to work seamlessly with DaisyUI themes.
   * Whether it’s the landing page, admin dashboard, or email templates, your content will display perfectly across all themes.

***

**Key Features of the Themes**

1. **Consistency**
   * Typography, buttons, forms, and other components are uniformly styled across themes.
   * No need for additional CSS tweaks when switching themes.
2. **Customization Options**
   * Tweak colors, fonts, and other design elements using TailwindCSS variables.
   * Build your own theme or extend an existing one to fit your unique brand.
3. **Responsive Design**
   * Every theme is mobile-friendly and adapts beautifully to different screen sizes.

***

**How to Use DaisyUI Themes in Fast Phoenix**

1. **Select a Default Theme**
   * Choose your app's default theme by configuring it in `tailwind.config.js`&#x20;
   * Example:

     ```javascript
     module.exports = {
       daisyui: {
         themes: ["light", "dark", "corporate", "retro"], // List themes you want to use
       },
     };
     ```
2. **Preview Themes**
   * Use DaisyUI’s Theme Showcase to explore the available themes and see what suits your application.

***

**Popular Themes Included**

1. **Light**: Clean and minimal for professional apps.
2. **Dark**: Ideal for modern, sleek designs.
3. **Corporate**: Polished and business-oriented.
4. **Forest**: Green hues for a natural, earthy vibe.
5. **Cyberpunk**: Neon and bold for futuristic aesthetics.
6. **Retro**: Nostalgic colors and style.
7. **Synthwave**: Vibrant neon for high-energy apps.
8. **Dracula**: A dark theme with contrasting highlights.

***

**Benefits of DaisyUI Integration**

1. **Rapid Customization**
   * No need to spend hours designing styles—simply pick a theme that matches your needs.
2. **User-Friendly**
   * Provide users with an elegant and consistent interface across all pages and components.
3. **Future-Proof Design**
   * Easily update or expand themes as your application evolves.

***

With **DaisyUI’s 32 themes**, Fast Phoenix ensures that your app is always visually appealing, easy to use, and adaptable to any branding requirements. 🚀


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.fastphoenix.pro/features/themes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.