setup vercel marketing site host

0xVida · 0xVida · commit ea86de4854ed · 2026-02-26T01:31:26.000+01:00
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
@@ -5,6 +5,29 @@
 @tailwind utilities;
 
 @layer base {
+  /* Fallback for no-JS / first paint: respect system preference so no white flash on dark-mode browsers */
+  @media (prefers-color-scheme: dark) {
+    html:not([data-theme="light"]) {
+      --background: 222 47% 6%;
+      --foreground: 210 40% 96%;
+      --card: 222 44% 9%;
+      --card-foreground: 210 40% 96%;
+      --popover: 222 44% 9%;
+      --popover-foreground: 210 40% 96%;
+      --primary: 228 76% 60%;
+      --primary-foreground: 0 0% 100%;
+      --secondary: 217.2 32.6% 17.5%;
+      --secondary-foreground: 210 40% 98%;
+      --muted: 217.2 32.6% 17.5%;
+      --muted-foreground: 215 20.2% 65.1%;
+      --accent: 228 76% 60%;
+      --accent-foreground: 0 0% 100%;
+      --border: 217.2 32.6% 17.5%;
+      --input: 217.2 32.6% 17.5%;
+      --ring: 228 76% 60%;
+    }
+  }
+
   :root {
     --background: 0 0% 100%;
     --foreground: 222 47% 11%;
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
@@ -27,8 +27,27 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <body>
+    <html lang="en" suppressHydrationWarning className="bg-background">
+      <head>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+(function() {
+  var theme = localStorage.getItem('theme');
+  var systemDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+  if (theme === 'dark' || (theme !== 'light' && systemDark)) {
+    document.documentElement.classList.add('dark');
+    document.documentElement.setAttribute('data-theme', 'dark');
+  } else {
+    document.documentElement.classList.remove('dark');
+    document.documentElement.setAttribute('data-theme', 'light');
+  }
+})();
+`,
+          }}
+        />
+      </head>
+      <body className="bg-background text-foreground min-h-screen">
         <a href="#main-content" className="skip-link">
           Skip to content
         </a>
