website: fix styling (#34)
* website: apply theme colors to root body * website: fix privacy page contrast in dark mode
This commit is contained in:
parent
8405564925
commit
a51112d877
@ -47,7 +47,7 @@ function RootDocument({ children }: { children: React.ReactNode }) {
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</head>
|
</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>
|
<RootProvider>{children}</RootProvider>
|
||||||
<Scripts />
|
<Scripts />
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -14,14 +14,14 @@ export const Route = createFileRoute("/privacy")({
|
|||||||
|
|
||||||
function Privacy() {
|
function Privacy() {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div className="bg-fd-background text-fd-foreground min-h-screen">
|
||||||
<header className="px-6 py-4 border-b border-zinc-200">
|
<header className="px-6 py-4 border-b border-fd-border">
|
||||||
<Link to="/" className="font-semibold text-zinc-900 hover:opacity-80">
|
<Link to="/" className="font-semibold text-fd-foreground hover:opacity-80">
|
||||||
OpenRank
|
OpenRank
|
||||||
</Link>
|
</Link>
|
||||||
</header>
|
</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>
|
<h1>Privacy Policy</h1>
|
||||||
<p className="text-fd-muted-foreground">Last updated: March 2026</p>
|
<p className="text-fd-muted-foreground">Last updated: March 2026</p>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user