Install Theme
-
Install the theme package to your project with your preferred package manager:
Terminal window npm i starlight-theme-catppuccinTerminal window yarn add starlight-theme-catppuccinTerminal window pnpm add starlight-theme-catppuccin -
Add the theme to your Starlight config.
astro.config.mjs import catppuccin from "starlight-theme-catppuccin";export default defineConfig({// ...integrations: [starlight({// ...plugins: [catppuccin()]})]}) -
(Optional) Customize your theme for light/dark mode using
{flavor}-{accent}
.astro.config.mjs import catppuccin from "starlight-theme-catppuccin";export default defineConfig({// ...integrations: [starlight({// ...plugins: [catppuccin({ dark: "macchiato-sky", light: "latte-sky" })]})]})