Sam Julien
382fb22cfe
The drawer aside was set to `bg-white/50 dark:bg-white/[0.01]` with a `backdrop-blur-3xl`. In light mode this rendered as a 50%-transparent white panel over the page underneath, which made every item read "grayed-out" through the blur. In dark mode the 0.01 white was so faint that the panel was effectively transparent. Switch to `bg-sidebar` — the opaque sidebar token already used by the desktop navbar — and drop the backdrop blur (pointless without the transparency). Items now sit on a solid surface with normal contrast in both themes.
fumadocs-test
This is a Next.js application generated with Create Fumadocs.
Run development server:
npm run dev
# or
pnpm dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
Learn More
To learn more about Next.js and Fumadocs, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- Fumadocs - learn about Fumadocs
Vercel Deployment with Git LFS
Docs assets are tracked with Git LFS. To ensure production builds always receive
real asset bytes (not pointer files), deploy docs through GitHub Actions using
.github/workflows/deploy_docs_vercel.yml.
Required GitHub repository secrets:
VERCEL_TOKENVERCEL_ORG_IDVERCEL_PROJECT_ID_DOCS
PR previews:
.github/workflows/deploy_docs_vercel_preview.ymldeploys docs previews for non-fork pull requests.- The workflow posts/updates a sticky PR comment with a clickable
Open Docs Previewlink.
Recommended Vercel project setting:
- Disable automatic Git-based deployments for the docs project and let the GitHub Actions workflow handle production deploys.