feat: add catppuccin theme

Author: lino-levan

.github/workflows/deploy.yml

@@ -32,5 +32,3 @@ jobs:
           project: "andromeda"
           entrypoint: "main.ts"
           root: "."
-          
-          

components/Footer.tsx

@@ -1,30 +1,30 @@
 export default function Footer() {
   return (
-    <footer class="py-12 px-4 border-t border-gray-200 bg-white">
+    <footer class="py-12 px-4 border-t border-surface0 bg-base">
       <div class="container mx-auto text-center">
         <div class="flex items-center justify-center space-x-3 mb-4">
           <img src="/logo.svg" alt="Andromeda" class="w-6 h-6" />
-          <span class="font-semibold text-gray-900">Andromeda</span>
+          <span class="font-semibold text-text">Andromeda</span>
         </div>
-        <p class="text-gray-600 mb-4">
+        <p class="text-subtext1 mb-4">
           The simplest JavaScript and TypeScript runtime
         </p>
         <div class="flex justify-center space-x-6">
           <a
             href="https://github.com/tryandromeda/andromeda"
-            class="text-gray-600 hover:text-gray-900 transition-colors"
+            class="text-subtext1 hover:text-text transition-colors"
           >
             GitHub
           </a>
           <a
             href="/docs"
-            class="text-gray-600 hover:text-gray-900 transition-colors"
+            class="text-subtext1 hover:text-text transition-colors"
           >
             Documentation
           </a>
           <a
             href="https://discord.gg/w8JkSeNcEe"
-            class="text-gray-600 hover:text-gray-900 transition-colors"
+            class="text-subtext1 hover:text-text transition-colors"
           >
             Community
           </a>

components/NavBar.tsx

@@ -3,29 +3,28 @@ import { GithubIcon } from "lucide-preact";
 export default function NavBar() {
   return (
     <nav class="fixed top-4 left-1/2 transform -translate-x-1/2 z-50 w-full max-w-4xl px-4">
-      <div class="bg-white/60 backdrop-blur-xl border border-gray-300 rounded-2xl shadow-lg px-8 py-3">
+      <div class="bg-base/60 backdrop-blur-xl border border-surface1 rounded-2xl shadow-lg px-8 py-3">
         <div class="flex items-center justify-between">
           <a href="/" class="flex items-center space-x-3">
             <img src="/logo.svg" alt="Andromeda" class="w-8 h-8" />
-            <span class="text-xl font-bold text-gray-900">Andromeda</span>
+            <span class="text-xl font-bold text-text">Andromeda</span>
           </a>
-
           <div class="hidden sm:flex items-center space-x-8">
             <a
               href="/#features"
-              class="text-gray-700 hover:text-gray-900 transition-colors font-medium"
+              class="text-subtext1 hover:text-text transition-colors font-medium"
             >
               Features
             </a>
             <a
               href="/docs"
-              class="text-gray-700 hover:text-gray-900 transition-colors font-medium"
+              class="text-subtext1 hover:text-text transition-colors font-medium"
             >
               Documentation
             </a>
             <a
               href="https://github.com/tryandromeda/andromeda"
-              class="bg-gray-100 hover:bg-gray-200 text-gray-900 rounded-lg p-2 transition-all duration-200 border border-gray-300"
+              class="bg-surface0 hover:bg-surface1 text-text rounded-lg p-2 transition-all duration-200 border border-surface2"
             >
               <GithubIcon class="w-5 h-5" />
             </a>

deno.json

@@ -19,13 +19,14 @@
   ],
   "imports": {
     "@deno/gfm": "jsr:@deno/gfm@^0.11.0",
-    "@fresh/plugin-tailwind": "jsr:@fresh/plugin-tailwind@^0.0.1-alpha.7",
+    "@pakornv/fresh-plugin-tailwindcss": "jsr:@pakornv/fresh-plugin-tailwindcss@2.0.0-alpha.1",
     "@preact/signals": "npm:@preact/signals@^2.0.4",
     "fresh": "jsr:@fresh/core@^2.0.0-alpha.34",
     "lucide-preact": "npm:lucide-preact@^0.513.0",
     "preact": "npm:preact@^10.26.6",
-    "tailwindcss": "npm:tailwindcss@^3.4.3"
+    "tailwindcss": "npm:tailwindcss@^4.1.7"
   },
+  "nodeModulesDir": "auto",
   "compilerOptions": {
     "lib": [
       "dom",