From 97f307fa82951fd41aff4df75155c5b10187dd4d Mon Sep 17 00:00:00 2001
From: Klesti Selimaj <klesti.selimay@icloud.com>
Date: Fri, 3 Jul 2026 11:24:39 +0200
Subject: [PATCH] Changed theme to catppuccin

---
 source.config.ts         | 4 ++--
 src/app/global.css       | 6 +++---
 src/components/Morph.tsx | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/source.config.ts b/source.config.ts
index e76d850..56743ea 100644
--- a/source.config.ts
+++ b/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",
       },
     },
   },
diff --git a/src/app/global.css b/src/app/global.css
index 45a7e58..f000495 100644
--- a/src/app/global.css
+++ b/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 {
diff --git a/src/components/Morph.tsx b/src/components/Morph.tsx
index f5dd316..4e478ba 100644
--- a/src/components/Morph.tsx
+++ b/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");