Default theming for Nuxt UI Pro component

Hello, I am trying to set a default theme to a DashboardModal from nuxt ui pro.
I would like the title to be larger than default but not having to set :ui to each of my dashboard modals.
I tried to define my app.config.ts like this :

export default defineAppConfig({
ui: {
primary: 'pistachio',
gray: 'zinc',
dashboardmodal: {
title : 'text-2xl'
}
},
})

but unfortunately, nothing happens.
I tried to reproduce it here : https://stackblitz.com/edit/nuxt-ui-y2rgxe?file=app.config.ts

Do you have any idea that can help me to redefine this general component ?

thank and have a nice day,
Cyril
StackBlitz
Playground of Nuxt UI, a UI library powered by Headless UI and Tailwind CSS for Nuxt.
Was this page helpful?