diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 685e422..a7bc1cb 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,4 +1,5 @@ import "~/styles/globals.css"; +import "~/styles/DarkMode.css"; import { GeistSans } from "geist/font/sans"; import { type Metadata } from "next"; @@ -76,7 +77,7 @@ export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( - +
diff --git a/src/components/api-key-dialog.tsx b/src/components/api-key-dialog.tsx index 1fdf9f9..7f6ef56 100644 --- a/src/components/api-key-dialog.tsx +++ b/src/components/api-key-dialog.tsx @@ -35,9 +35,9 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { return ( - + - + Enter OpenAI API Key @@ -54,14 +54,14 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { Get your OpenAI API key here .
- + Data storage disclaimer
@@ -71,7 +71,7 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { following the instructions in the{" "} README @@ -84,14 +84,14 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { placeholder="sk-..." value={apiKey} onChange={(e) => setApiKey(e.target.value)} - className="flex-1 rounded-md border-[3px] border-black px-3 py-2 text-base font-bold shadow-[4px_4px_0_0_#000000] placeholder:text-base placeholder:font-normal placeholder:text-gray-700" + className="flex-1 rounded-md border-[3px] border px-3 py-2 text-base font-bold text-foreground shadow-[4px_4px_0_0_#000000] placeholder:text-base placeholder:font-normal placeholder:text-muted-foreground" required />
@@ -99,14 +99,14 @@ export function ApiKeyDialog({ isOpen, onClose, onSubmit }: ApiKeyDialogProps) { diff --git a/src/components/footer.tsx b/src/components/footer.tsx index 8387546..f9f0024 100644 --- a/src/components/footer.tsx +++ b/src/components/footer.tsx @@ -3,13 +3,13 @@ import Link from "next/link"; export function Footer() { return ( -