Merge pull request #2 from otakugard/feature/polish-and-seo

otakugard · web-flow · commit eca7da9158a2 · 2026-04-25T20:18:53.000+08:00
feat: polish UI/UX, enhance SEO, and resolve dark mode issues
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
     <title>MemohAI - Landing Page</title>
   </head>
-  <body class="bg-white text-slate-600 font-sans antialiased selection:bg-indigo-100 selection:text-indigo-900">
+  <body class="bg-background text-foreground font-sans antialiased selection:bg-primary/20 selection:text-primary">
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
diff --git a/src/style.css b/src/style.css
@@ -1,5 +1,7 @@
 @import "tailwindcss";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 @theme {
   --font-sans: "Inter", sans-serif;
   --font-mono: "Fira Code", monospace;
@@ -45,7 +47,7 @@
     --accent: #27272a;
     --accent-foreground: #fafafa;
     --border: #27272a;
-    --destructive: #7f1d1d;
+    --destructive: #ef4444;
     --destructive-foreground: #fafafa;
     --ring: #d4d4d8;
   }
