Criteria

CSS Customization

App config, Nuxt UI tokens, CSS, and layer component overrides.

Customization

Docus offers three progressively deeper extension points:

  1. app.config.ts changes colors, branding, search, GitHub links, and component slots.
  2. app.css adds CSS and Tailwind utilities on top of the theme.
  3. A local component with the same name shadows a component from the Docus layer.
This live panel comes from the project's .feature-demo class and follows Nuxt UI color tokens in both modes.

This project uses the deepest option once, as a deliberately small example: a local app/components/app/AppHeaderLeft.vue shadows the layer component of the same name and only restyles the brand link that Docus already renders.

Copyright © 2026