CSS Customization
Nuxt UI app config, component APIs, Tailwind, and local CSS.
Customization
Customization is direct because the template's Vue application belongs to the
project. app.config.ts changes Nuxt UI colors and component defaults;
main.css extends design tokens and Tailwind; local Vue components control the
header and page behavior.
This live panel uses the project's .feature-demo class and Nuxt UI color
tokens, so it adapts to both color modes.
The benefit is broad control without theme ejection. The cost is that template updates are source-level merges rather than a single theme-package upgrade.