評価項目
CSS カスタマイズ
App Config、Nuxt UI トークン、CSS、レイヤーの上書きを確認します。
カスタマイズ
Docus には深さの異なる3段階の拡張方法があります。
app.config.tsで色、ブランド、検索、GitHub リンク、UI スロットを変更。app.cssでテーマへ CSS と Tailwind ユーティリティを追加。- 同名のローカルコンポーネントで Docus レイヤーの実装を上書き。
このパネルはプロジェクトの
.feature-demo クラスで、明暗とも Nuxt UI の色トークンに従います。ここでは3番目を意図的に小さな例として1回だけ使い、ローカルの
app/components/app/AppHeaderLeft.vue で同名のレイヤーコンポーネントを上書きし、
Docus が既に描画しているブランドリンクの見た目だけを変えています。