ダークモード

結果: Classic テーマ標準。 ナビバーの color-mode control は system preference を参照でき、訪問者が明示した選択を保存する。Docusaurus は document element に data-theme="light" または data-theme="dark" を設定する。

このサイトの CSS は通常・dark の primary color を定義し、counter、link、focus ring、search UI でも同じ変数を利用する。

著者側の責任

独自 component や図は両 mode で contrast を確認する必要がある。テーマ対応だけで 任意の色が accessible になるわけではない。