this is how the result page should look like

2025-07-17 10:57:28 +00:00
parent e42cf6cf4b
commit c4f441af2a
4 changed files with 73 additions and 40 deletions
@@ -23,13 +23,12 @@
    --border: 226 30% 85%;
    --input: 226 30% 85%;
    --ring: 221 100% 58%;
-    --radius: 0.5rem;
  }

  .dark {
    --background: 222 47% 11%;
    --foreground: 0 0% 98%;
-    --card: 222 47% 11%;
+    --card: 224 35% 15%;
    --card-foreground: 0 0% 98%;
    --popover: 222 47% 11%;
    --popover-foreground: 0 0% 98%;
@@ -43,7 +42,7 @@
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
-    --border: 222 25% 20%;
+    --border: 224 35% 20%;
    --input: 222 25% 20%;
    --ring: 221 100% 58%;
  }
@@ -13,7 +13,7 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="en">
+    <html lang="en" className="dark">
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />