https://github.com/theotterlord/catppuccin-starlight
π Soothing pastel theme for Starlight
https://github.com/theotterlord/catppuccin-starlight
astro catppuccin starlight theme
Last synced: about 1 month ago
JSON representation
π Soothing pastel theme for Starlight
- Host: GitHub
- URL: https://github.com/theotterlord/catppuccin-starlight
- Owner: TheOtterlord
- License: mit
- Created: 2024-10-19T14:14:47.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-13T22:47:19.000Z (5 months ago)
- Last Synced: 2025-03-20T21:13:45.851Z (about 1 month ago)
- Topics: astro, catppuccin, starlight, theme
- Language: MDX
- Homepage: http://catppuccin-starlight.otterlord.dev/
- Size: 1.6 MB
- Stars: 24
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![]()
Catppuccin for Starlight
![]()

## Previews
π» Latte
πͺ΄ FrappΓ©
πΊ Macchiato
πΏ Mocha
## Usage
1. Install the theme package to your project with your preferred package manager:
```sh
npm install starlight-theme-catppuccin
pnpm add starlight-theme-catppuccin
yarn add starlight-theme-catppuccin
```2. Add the theme to your Starlight config.
```ts
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}`.
```ts
import catppuccin from "starlight-theme-catppuccin";export default defineConfig({
// ...
integrations: [
starlight({
// ...
plugins: [
catppuccin({ dark: "macchiato-sky", light: "latte-sky" })
]
})
]
})
```## π Thanks to
- [TheOtterlord](https://github.com/TheOtterlord)
- [Louis Escher](https://github.com/louisescher)Β
![]()
Copyright Β© 2021-present Catppuccin Org