比較の観点
ダークモード
next-themes を使う Fumadocs UI の外観切り替えとカスタマイズ可能なデザイントークンです。
結果
ナビゲーションの外観切り替えで、ライト、ダーク、システムを選べます。
RootProvider は next-themes を使う Fumadocs UI のテーマプロバイダーを含み、
選択はブラウザに保存されます。
このサンプルはライトとダークで別の --color-fd-primary を設定しています。
Mermaid 図とデモパネルもライト専用色ではなく Fumadocs のトークンを参照します。
このパネルは現在のテーマの背景、境界線、文字色、プライマリ色を使います。 両方のモードで読めることを確認できます。