starlight-theme-nova

A modern and beautiful theme for Astro Starlight.

Live demo and documentation →

Features

• A clean, modern redesign of the default Starlight layout, with a top navigation bar.
• Configurable nav bar links, with optional per-locale labels and URLs.
• Polished light and dark modes.
• Optional Tailwind CSS integration.
• Enhanced code blocks: file titles, a copy button, package-manager tabs, and Twoslash type hovers.
• Extra Markdown components: link buttons, link cards, badges, asides, and steps.
• Custom heading IDs via ## Heading {#custom-id}.

Installation

Starlight Nova is a Starlight plugin. Install it with your package manager:

npm install starlight-theme-nova

Then add it to the Starlight plugins array in your astro.config.mjs:

// astro.config.mjs
import starlight from '@astrojs/starlight'
import { defineConfig } from 'astro/config'
import starlightThemeNova from 'starlight-theme-nova'

export default defineConfig({
  integrations: [
    starlight({
      plugins: [starlightThemeNova()],
      title: 'My Docs',
    }),
  ],
})

That's it. See the documentation for configuration options, the navigation bar, Tailwind CSS, and the available components.

Changelog

See the changelog for the release history.

Sponsors

License

MIT © ocavue