vitepress - GitLite

KO | EN

gitlite — search

#javascript #golang #linux #macos #nodejs #windows #cli #kubernetes #vue #awesome-list #pytorch #ios #openai #open-source

vitepress

(★ 93)

📝 Soothing pastel theme for VitePress

파일 탐색기

최종 버전 다운로드 (.zip)

- - github-pages.yml
  - release-please.yml
  - whiskers-check.yml
- release-please-config.json
- release-please-manifest.json
- frappe.webp
- latte.webp
- macchiato.webp
- mocha.webp
- preview.webp
- - config.mts
- - components.md
  - index.md
  - install.md
- package.json
- - blue.css
  - flamingo.css
  - green.css
  - lavender.css
  - maroon.css
  - mauve.css
  - peach.css
  - pink.css
  - red.css
  - rosewater.css
  - sapphire.css
  - sky.css
  - teal.css
  - yellow.css
- - blue.css
  - flamingo.css
  - green.css
  - lavender.css
  - maroon.css
  - mauve.css
  - peach.css
  - pink.css
  - red.css
  - rosewater.css
  - sapphire.css
  - sky.css
  - teal.css
  - yellow.css
- - blue.css
  - flamingo.css
  - green.css
  - lavender.css
  - maroon.css
  - mauve.css
  - peach.css
  - pink.css
  - red.css
  - rosewater.css
  - sapphire.css
  - sky.css
  - teal.css
  - yellow.css
.editorconfig
.gitattributes
.gitignore
.prettierignore
.prettierrc
CHANGELOG.md
LICENSE
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
README.md
renovate.json
tsconfig.json
vitepress.tera

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h3 align="center">
	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/>
	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
	Catppuccin for <a href="https://github.com/vuejs/vitepress">VitePress</a>
	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
</h3>

<p align="center">
	<a href="https://github.com/catppuccin/vitepress/stargazers"><img src="https://img.shields.io/github/stars/catppuccin/vitepress?colorA=363a4f&colorB=b7bdf8&style=for-the-badge"></a>
	<a href="https://github.com/catppuccin/vitepress/issues"><img src="https://img.shields.io/github/issues/catppuccin/vitepress?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a>
	<a href="https://github.com/catppuccin/vitepress/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/vitepress?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a>
</p>

<p align="center">
	<img src="https://raw.githubusercontent.com/catppuccin/vitepress/main/assets/preview.webp"/>
</p>

## Previews

<details>
<summary>🌻 Latte</summary>
<img src="https://raw.githubusercontent.com/catppuccin/vitepress/main/assets/latte.webp"/>
</details>
<details>
<summary>🪴 Frappé</summary>
<img src="https://raw.githubusercontent.com/catppuccin/vitepress/main/assets/frappe.webp"/>
</details>
<details>
<summary>🌺 Macchiato</summary>
<img src="https://raw.githubusercontent.com/catppuccin/vitepress/main/assets/macchiato.webp"/>
</details>
<details>
<summary>🌿 Mocha</summary>
<img src="https://raw.githubusercontent.com/catppuccin/vitepress/main/assets/mocha.webp"/>
</details>

## Usage

1. Install the theme package to your project with `npm install @catppuccin/vitepress`.

2. Add the theme to your VitePress theme configuration file:

`.vitepress/theme/index.ts`

```ts
   import DefaultTheme from "vitepress/theme";
   import "@catppuccin/vitepress/theme/<flavor>/<accent>.css";

export default DefaultTheme;
   ```

See ["Extending the Default Theme | VitePress"](https://vitepress.dev/guide/extending-default-theme#extending-the-default-theme) for more information.

> [!NOTE]
> Latte is included in all flavors as the light mode variant.

3. Configure syntax highlighting in your VitePress configuration file:

`.vitepress/config.mts`

```ts
   export default defineConfig({
     // ...
     markdown: {
       theme: {
         light: "catppuccin-latte",
         dark: "catppuccin-<flavor>",
       },
     },
     // ...
   });
   ```

## 💝 Thanks to

- [42Willow](https://github.com/42willow)
- [Strata Docs](https://github.com/StrataWM/strata/blob/5daa4f102a7a03bb73dbe84e43d7ae1cb64d2c54/docs/.vitepress/theme/colors.css)

&nbsp;

<p align="center">
	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" />
</p>

<p align="center">
	Copyright &copy; 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>
</p>

<p align="center">
	<a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a>
</p>