Changed theme to catppuccin

source.config.ts

@@ -37,8 +37,8 @@ export default defineConfig({
     rehypeCodeOptions: {
       langs: [mist as any],
       themes: {
-        light: "github-light",
-        dark: "github-dark",
+        light: "catppuccin-latte",
+        dark: "catppuccin-mocha",
       },
     },
   },

src/app/global.css

@@ -1,8 +1,8 @@
 @import 'tailwindcss';
-@import 'fumadocs-ui/css/lib/default-colors.css';
+@import 'fumadocs-ui/css/catppuccin.css';
 @import 'fumadocs-ui/css/preset.css';
 
-@theme {
+/* @theme {
   --color-fd-background: hsl(75, 45%, 96%);
   --color-fd-foreground: hsl(75, 35%, 18%);
   --color-fd-primary: hsl(80, 60%, 40%);
@@ -38,7 +38,7 @@
   --color-fd-card-foreground: hsl(0, 0%, 98%);
   --color-fd-popover: hsl(0, 0%, 4%);
   --color-fd-popover-foreground: hsl(0, 0%, 98%);
-}
+} */
 
 
 html {

src/components/Morph.tsx

@@ -10,7 +10,7 @@ interface Props {
 }
 
 const highlighterPromise = createHighlighter({
-  themes: ["github-dark"],
+  themes: ["catppuccin-mocha"],
   langs: [mist as any],
 });
 
@@ -23,7 +23,7 @@ export default function MorphCode({ code }: Props) {
 
       const result = highlighter.codeToTokens(code, {
         lang: "mist" as any,
-        theme: "github-dark",
+        theme: "catppuccin-mocha",
       });
 
       const rawLines = code.split("\n");