diff --git a/src/app/globals.css b/src/app/globals.css index e3cca7a..b64a576 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -9,51 +9,52 @@ body { @layer base { :root { --background: 0 0% 100%; - --foreground: 0 0% 3.9%; + --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; - --card-foreground: 0 0% 3.9%; + --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; - --popover-foreground: 0 0% 3.9%; - --primary: 300 50% 50%; - --primary-foreground: 0 0% 98%; - --secondary: 275 100% 25.1%; - --secondary-foreground: 0 0% 98%; - --muted: 0 0% 96.1%; - --muted-foreground: 0 0% 45.1%; - --accent: 300 50% 60%; - --accent-foreground: 0 0% 9%; + --popover-foreground: 222.2 84% 4.9%; + --primary: 262.1 83.3% 57.8%; + --primary-foreground: 210 40% 98%; + --secondary: 210 40% 96.1%; + --secondary-foreground: 210 40% 9.8%; + --muted: 210 40% 96.1%; + --muted-foreground: 215.4 16.3% 46.9%; + --accent: 210 40% 96.1%; + --accent-foreground: 210 40% 9.8%; --destructive: 0 84.2% 60.2%; - --destructive-foreground: 0 0% 98%; - --border: 0 0% 89.8%; - --input: 0 0% 89.8%; - --ring: 300 50% 50%; + --destructive-foreground: 210 40% 98%; + --border: 214.3 31.8% 91.4%; + --input: 214.3 31.8% 91.4%; + --ring: 262.1 83.3% 57.8%; + --radius: 0.5rem; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; - --radius: 0.5rem; } + .dark { - --background: 0 0% 18.8%; - --foreground: 0 0% 98%; - --card: 0 0% 22%; - --card-foreground: 0 0% 98%; - --popover: 0 0% 18.8%; - --popover-foreground: 0 0% 98%; - --primary: 300 50% 50%; - --primary-foreground: 0 0% 98%; - --secondary: 275 100% 35%; - --secondary-foreground: 0 0% 98%; - --muted: 0 0% 25%; - --muted-foreground: 0 0% 63.9%; - --accent: 300 50% 60%; - --accent-foreground: 0 0% 98%; + --background: 222.2 84% 4.9%; + --foreground: 210 40% 98%; + --card: 222.2 84% 4.9%; + --card-foreground: 210 40% 98%; + --popover: 222.2 84% 4.9%; + --popover-foreground: 210 40% 98%; + --primary: 263.4 95.2% 66.3%; + --primary-foreground: 210 40% 98%; + --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: 217.2 32.6% 17.5%; + --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; - --destructive-foreground: 0 0% 98%; - --border: 0 0% 30%; - --input: 0 0% 25%; - --ring: 300 50% 60%; + --destructive-foreground: 0 85.7% 97.3%; + --border: 217.2 32.6% 17.5%; + --input: 217.2 32.6% 17.5%; + --ring: 263.4 95.2% 66.3%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 4f5e03f..934d9cf 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -19,8 +19,11 @@ export default function RootLayout({ - - {children} + +
+
+ {children} +
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx index ad5ec0c..707f6eb 100644 --- a/src/app/login/page.tsx +++ b/src/app/login/page.tsx @@ -39,8 +39,8 @@ export default function LoginPage() { }, [state, toast]); return ( -
- +
+
@@ -58,6 +58,7 @@ export default function LoginPage() { name="password" type="password" required + className="bg-white/5 border-white/10" />
diff --git a/src/app/page.tsx b/src/app/page.tsx index 221a906..1495a5d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -17,7 +17,7 @@ export default async function Home({ const query = searchParams?.q || ''; return ( -
+
}> diff --git a/src/components/header.tsx b/src/components/header.tsx index 4b28210..8633416 100644 --- a/src/components/header.tsx +++ b/src/components/header.tsx @@ -34,7 +34,7 @@ export function Header() { } return ( -
+
@@ -45,7 +45,7 @@ export function Header() { handleSearch(e.target.value)} defaultValue={searchParams.get('q')?.toString()} /> diff --git a/src/components/prompt-card.tsx b/src/components/prompt-card.tsx index 28bf51f..ae365b1 100644 --- a/src/components/prompt-card.tsx +++ b/src/components/prompt-card.tsx @@ -33,7 +33,7 @@ export function PromptCard({ prompt }: PromptCardProps) { const timeAgo = formatDistanceToNow(new Date(prompt.createdAt), { addSuffix: true }); return ( - + {prompt.title} {timeAgo} diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx index f38593b..721b340 100644 --- a/src/components/ui/dialog.tsx +++ b/src/components/ui/dialog.tsx @@ -21,7 +21,7 @@ const DialogOverlay = React.forwardRef<