Criteria
CSS Customization
App config, Nuxt UI tokens, CSS, and layer component overrides.
Customization
Docus offers three progressively deeper extension points:
app.config.tschanges colors, branding, search, GitHub links, and component slots.app.cssadds CSS and Tailwind utilities on top of the theme.- 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.