website: fix styling (#34)

* website: apply theme colors to root body

* website: fix privacy page contrast in dark mode
This commit is contained in:
Ben Senescu 2026-03-16 18:09:06 -04:00 committed by GitHub
parent 8405564925
commit a51112d877
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 5 deletions

View File

@ -47,7 +47,7 @@ function RootDocument({ children }: { children: React.ReactNode }) {
}}
/>
</head>
<body className="flex flex-col min-h-screen bg-white">
<body className="flex flex-col min-h-screen bg-fd-background text-fd-foreground">
<RootProvider>{children}</RootProvider>
<Scripts />
</body>

View File

@ -14,14 +14,14 @@ export const Route = createFileRoute("/privacy")({
function Privacy() {
return (
<div>
<header className="px-6 py-4 border-b border-zinc-200">
<Link to="/" className="font-semibold text-zinc-900 hover:opacity-80">
<div className="bg-fd-background text-fd-foreground min-h-screen">
<header className="px-6 py-4 border-b border-fd-border">
<Link to="/" className="font-semibold text-fd-foreground hover:opacity-80">
OpenRank
</Link>
</header>
<article className="max-w-3xl mx-auto px-6 py-12 md:py-24 prose prose-gray text-zinc-900 prose-headings:text-zinc-900 prose-p:text-zinc-700 prose-a:text-zinc-900">
<article className="max-w-3xl mx-auto px-6 py-12 md:py-24 prose prose-neutral dark:prose-invert text-fd-foreground prose-headings:text-fd-foreground prose-p:text-fd-muted-foreground prose-a:text-fd-foreground">
<h1>Privacy Policy</h1>
<p className="text-fd-muted-foreground">Last updated: March 2026</p>