Comparison Criteria
Dark Mode
Fumadocs UI theme control powered by next-themes and customizable design tokens.
Result
Use the appearance control in the navigation to select light, dark, or system
mode. RootProvider includes the Fumadocs UI theme provider, which is powered
by next-themes; the choice persists in the browser.
This sample customizes --color-fd-primary separately for light and dark
themes. The Mermaid diagram and demo panels also reference Fumadocs color
tokens, rather than hardcoding a light-only surface.
This panel uses the active theme's background, border, foreground, and primary tokens. It should remain legible in both modes.