Starlight plugin

Use starlight-pele when your documentation site already uses Starlight. Pass starlightPele() to Starlight’s plugins option in astro.config.mjs:

import starlight from '@astrojs/starlight';
import { starlightPele } from 'starlight-pele';
import { defineConfig } from 'astro/config';

export default defineConfig({
  integrations: [
    starlight({
      title: 'My docs',
      plugins: [starlightPele()],
    }),
  ],
});

The plugin adds the Astro integration and registers its theme automatically. Diagram colors follow Starlight’s light and dark themes through Starlight CSS variables.

Starlight diagram

You can pass the same error, language, rendering, and zoom options to starlightPele() as to the Astro integration.