black theme complete

src/components/layout/Layout.tsx

@@ -12,9 +12,17 @@ type LayoutProps = {
 export const Layout = ({ children }: LayoutProps) => {
   const { pathname } = useLocation();
   const isHome = pathname === '/';
+  const darkRoutes = ['/about', '/technology', '/usecases'];
+  const isDarkPage = darkRoutes.some((route) => pathname.startsWith(route));
 
   return (
-    <div className={cn('relative min-h-screen bg-mist text-ink', !isHome && 'overflow-hidden')}>
+    <div
+      className={cn(
+        'relative min-h-screen',
+        isDarkPage ? 'bg-black text-slate-100' : 'bg-mist text-ink',
+        !isHome && 'overflow-hidden',
+      )}
+    >
       <ScrollToTop />
       <Header />
       <main