Logo Configuration

Simple Logo

Use a single logo for all themes:

{
  "logo": "/logo.svg"
}

Light & Dark Logos

Use different logos for light and dark modes:

{
  "logo": {
    "light": "/logo-light.svg",
    "dark": "/logo-dark.svg"
  }
}

Logo with Link

Make the logo clickable:

{
  "logo": {
    "light": "/logo-light.svg",
    "dark": "/logo-dark.svg",
    "href": "/"
  }
}

Logo File Location

Place logo files in the public/ directory:

my-project/
├── public/
│   ├── logo.svg
│   ├── logo-light.svg
│   └── logo-dark.svg
├── docs.json
└── ...

Then reference them with /logo.svg in your config.