Logo and Favicon

Logo

The logo appears in the top-left corner of the navbar. You can set a single logo or separate ones for light and dark mode:

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

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

The light logo is shown in light mode and the dark logo is shown in dark mode. If you only provide one logo, Holocron reuses it in both modes.

By default, clicking the logo navigates to /. Set a custom target:

1234567{
  "logo": {
    "light": "/logo-light.svg",
    "dark": "/logo-dark.svg",
    "href": "https://example.com"
  }
}

123{
  "favicon": "/favicon.svg"
}

Like logo, you can set separate favicons for light and dark mode:

123456{
  "favicon": {
    "light": "/favicon-light.svg",
    "dark": "/favicon-dark.svg"
  }
}

Place logo and favicon files in the public/ directory.

Ask AI about this page