Configuration

The Starlight Rosé Pine theme can be configured inside the astro.config.mjs configuration file of your project:

astro.config.mjs

import starlight from "@astrojs/starlight";
import { defineConfig } from "astro/config";
import starlightRosePine from "starlight-theme-rose-pine";

export default defineConfig({
  integrations: [
    starlight({
      plugins: [
        starlightRosePine({
          // Configuration options go here.
        }),
      ],
      title: "My Docs",
    }),
  ],
});

Configuration options

The Starlight Rosé Pine theme accepts the following configuration options:

dark

Type: { flavor?: string; accent?: string }
Default: { flavor: "main", accent: "pine" }

Configure the theme for the dark mode.

flavor

Type: string
Default: main

Configure the flavor for the dark theme. Available values are:

• "main"
• "moon"

accent

Type: string
Default: pine

Configure the accent for the dark theme. Available values are:

• "love"
• "gold"
• "rose"
• "pine"
• "foam"
• "iris"

light

Type: { flavor?: string; accent?: string }
Default: { flavor: "dawn", accent: "pine" }

Configure the theme for the light mode.

flavor

Type: string
Default: dawn

Configure the flavor for the light theme. Available values are:

• "dawn"

accent

Type: string
Default: pine

Configure the accent for the light theme. Available values are:

• "love"
• "gold"
• "rose"
• "pine"
• "foam"
• "iris"