diff --git a/apps/docs/app/[lang]/[[...slug]]/page.tsx b/apps/docs/app/[lang]/[[...slug]]/page.tsx index 212e84ab9d..0575f25190 100644 --- a/apps/docs/app/[lang]/[[...slug]]/page.tsx +++ b/apps/docs/app/[lang]/[[...slug]]/page.tsx @@ -9,8 +9,6 @@ import { CodeBlock } from '@/components/ui/code-block' import { CopyPageButton } from '@/components/ui/copy-page-button' import { source } from '@/lib/source' -export const dynamic = 'force-dynamic' - export default async function Page(props: { params: Promise<{ slug?: string[]; lang: string }> }) { const params = await props.params const page = source.getPage(params.slug, params.lang) diff --git a/apps/docs/app/global.css b/apps/docs/app/global.css index a3b4352d00..2628f38136 100644 --- a/apps/docs/app/global.css +++ b/apps/docs/app/global.css @@ -52,9 +52,7 @@ /* Light mode navbar and search styling */ :root:not(.dark) nav { - background-color: hsla(0, 0%, 96%, 0.92) !important; - backdrop-filter: blur(25px) saturate(180%) brightness(1.05) !important; - -webkit-backdrop-filter: blur(25px) saturate(180%) brightness(1.05) !important; + background-color: hsla(0, 0%, 96%, 0.85) !important; } :root:not(.dark) nav button[type="button"] { @@ -68,6 +66,13 @@ color: rgba(0, 0, 0, 0.6) !important; } +/* Dark mode navbar and search styling */ +:root.dark nav { + background-color: hsla(0, 0%, 7.04%, 0.92) !important; + backdrop-filter: blur(25px) saturate(180%) brightness(0.6) !important; + -webkit-backdrop-filter: blur(25px) saturate(180%) brightness(0.6) !important; +} + /* ============================================ Custom Sidebar Styling (Turborepo-inspired) ============================================ */ diff --git a/apps/docs/components/navbar/navbar.tsx b/apps/docs/components/navbar/navbar.tsx index b1309aa8ca..59c75baea0 100644 --- a/apps/docs/components/navbar/navbar.tsx +++ b/apps/docs/components/navbar/navbar.tsx @@ -11,9 +11,8 @@ export function Navbar() {