Skip to content

fix(docs): improve Mermaid diagram visibility in dark mode#13429

Open
driftwood199 wants to merge 1 commit intonextauthjs:v4from
driftwood199:fix/oauth-diagram-dark-mode-contrast
Open

fix(docs): improve Mermaid diagram visibility in dark mode#13429
driftwood199 wants to merge 1 commit intonextauthjs:v4from
driftwood199:fix/oauth-diagram-dark-mode-contrast

Conversation

@driftwood199
Copy link
Copy Markdown

☕️ Reasoning

The Mermaid OAuth sequence diagram on the v4 docs page was rendering with dark gray text on a dark background in dark mode,
resulting in a contrast ratio well below the WCAG AA minimum of 4.5:1.

Added CSS rules scoped to html[data-theme="dark"] that apply colors accordingly.

🧢 Checklist

  • Documentation
  • Tests
  • Ready to be merged

🎫 Affected issues

Fixes: #13295

📌 Resources

@driftwood199 driftwood199 requested a review from ndom91 as a code owner May 3, 2026 21:16
@vercel
Copy link
Copy Markdown

vercel Bot commented May 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
auth-docs Error Error May 3, 2026 9:17pm
next-auth-docs Ready Ready Preview, Comment May 3, 2026 9:17pm

Request Review

@vercel
Copy link
Copy Markdown

vercel Bot commented May 3, 2026

@driftwood199 is attempting to deploy a commit to the authjs Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant