CSS カスタマイズ

Starlight は --sl-* CSS 変数を公開し、customCss 設定からプロジェクトの stylesheet を読み込めます。このサイトは src/styles/custom.css でアクセント palette を差し替え、次の再利用クラスを定義しています。

このボックスはプロジェクトの CSS で装飾されています。

:root {
  --sl-color-accent: #a66cff;
}

構造を変える場合は components オプションで Starlight の名前付きテーマ コンポーネントを置換できます。このサンプルはそれらを置換せず、Starlight 標準のヘッダーレイアウトを使います。