Use catppuccin theme

Author: bagusnl

home/.vitepress/config.mts

@@ -111,6 +111,12 @@ export default defineConfig({
     hostname: 'https://collapselauncher.com'
   },
   lastUpdated: true,
+  markdown: {
+    theme: {
+      light: 'catppuccin-latte',
+      dark: 'catppuccin-mocha'
+    }
+  },
   vite: {
     plugins: [],
     resolve: {

home/.vitepress/theme/index.ts

@@ -7,6 +7,7 @@ import transition from './transition.vue'
 import MarkdownLoader from '../components/md-loader.vue'
 import { vuetify } from '../components/vuetify.vue'
 import { VCard, VCardText, VCardTitle, VTimeline, VTimelineItem, VIcon, VBtn } from 'vuetify/components'
+import "@catppuccin/vitepress/theme/mocha/peach.css"
 
 export default {
   extends: DefaultTheme,

package-lock.json

@@ -5,6 +5,7 @@
     "home:preview": "vitepress preview home"
   },
   "dependencies": {
+    "@catppuccin/vitepress": "^0.1.0",
     "@mdi/font": "^7.4.47",
     "highlight.js": "^11.11.1",
     "markdown-it": "^14.1.0",