> ## Documentation Index
> Fetch the complete documentation index at: https://docs.directify.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize Your Directory: Logo, Themes, Templates

> Customize your Directify directory with logos, themes, templates, fonts, colors, and custom styling — make your directory match your brand.

## Logo & Favicon

Upload your logo and favicon in the settings. Supported formats: PNG, JPG, SVG, ICO.

<Frame>
  <img src="https://mintcdn.com/directify/YL2HVxj-KgHoTZQe/images/logo-edit.png?fit=max&auto=format&n=YL2HVxj-KgHoTZQe&q=85&s=b82fd9ae26c78761b0a9b887e959f201" alt="Editing logo" width="4296" height="2548" data-path="images/logo-edit.png" />
</Frame>

## Templates

Choose from [8 templates](https://directify.app/templates/) to change the overall layout and style of your directory:

* **Default New** - Modern default template
* **Aurora** - Gradient-focused design
* **Stellar** - Space-inspired theme
* **Default** - Classic layout
* **Modern** - Clean, contemporary design
* **Compact** - Dense, information-rich layout
* **Whimsy** - Playful, creative style
* **Job Board** - Optimized for job listings

## Themes

Choose from 30+ color themes powered by [DaisyUI](https://daisyui.com/docs/themes/). Themes apply instantly across your entire directory.

<Frame>
  <img src="https://mintcdn.com/directify/YL2HVxj-KgHoTZQe/images/themes.png?fit=max&auto=format&n=YL2HVxj-KgHoTZQe&q=85&s=28486e5ef24434ac22390784eede3036" alt="Themes" width="1844" height="1244" data-path="images/themes.png" />
</Frame>

### Auto Dark Mode

Enable **Auto Dark Mode** to automatically switch themes based on the user's system preference. You can select which dark theme to use when this is enabled.

<Note>
  Auto Dark Mode is not available for Aurora and Stellar templates as they have their own built-in dark mode handling.
</Note>

### Font Family

Choose from 10 font families: Poppins, Inter, Roboto, Open Sans, Lato, Montserrat, Source Sans Pro, Nunito, Raleway, Ubuntu.

## Custom Theme

Create your own theme using the [DaisyUI Theme Generator](https://daisyui.com/theme-generator/), then paste the generated CSS into the Custom Theme field:

```css theme={null}
--color-primary: oklch(71% 0.194 13.428);
--color-secondary: oklch(71% 0.202 349.761);
--radius-selector: 0.5rem;
...
```

***

<Note>
  You can also add custom CSS, HTML, and JavaScript to further customize your directory.
</Note>