Install Theme

1. Install the theme package to your project with your preferred package manager:

   npm

   npm i starlight-theme-catppuccin

   yarn

   yarn add starlight-theme-catppuccin

   pnpm

   pnpm add starlight-theme-catppuccin

2. Add the theme to your Starlight config.

   astro.config.mjs

   import catppuccin from "starlight-theme-catppuccin";
   
   export default defineConfig({
     // ...
     integrations: [
       starlight({
         // ...
         plugins: [
           catppuccin()
         ]
       })
     ]
   })

3. (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" })
         ]
       })
     ]
   })