docs: update usage instructions

catppuccin · Sep 5, 2024 · a3cbdd0 · a3cbdd0
1 parent 7ff46b6
commit a3cbdd0
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -37,8 +37,18 @@
 ## Usage
 
 1. Install the theme using `npm install 42willow/vitepress`
-2. Import the theme as shown [here](./example/.vitepress/theme/index.ts)
-3. Add your preferred accent overrides to an `override.css` file as shown [here](./example/.vitepress/theme/override.css)
+2. Import the theme
+
+`.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](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.

diff --git a/example/src/install.md b/example/src/install.md
@@ -17,8 +17,18 @@
   ```
   :::
 
-2. Import the theme as shown [here](./example/.vitepress/theme/index.ts)
-3. Add your preferred accent overrides to an `override.css` file as shown [here](./example/.vitepress/theme/override.css)
+2. Import the theme
+
+`.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](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.