Как в Nuxt UI добавить собственный цвет для темизации?

Question

[AfterGen]

Выполняю совершенно элементарную инструкцию как в доке:

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'

export default defineConfig({
  plugins: [
    vue(),
    ui({
      ui: {
        colors: {
          tertiary: 'indigo'  // мой цвет
        }
      },
      theme: {
        colors: [
          'primary',
          'secondary',
          'tertiary', // мой цвет
          'info',
          'success',
          'warning',
          'error'
        ]
      }
    })
  ]
})

Получаю:


Также добавлял свои шейды в theme (даже дописывал static), не помогает:

@import "tailwindcss";
@import "@nuxt/ui";

@theme {
	--color-indigo-50: #edf0ff;
	--color-indigo-100: #dfe2ff;
	--color-indigo-200: #c4caff;
	--color-indigo-300: #a1a7ff;
	--color-indigo-400: #7d7bfe;
	--color-indigo-500: #695cf8;
	--color-indigo-600: #6145ed;
	--color-indigo-700: #4f31d1;
	--color-indigo-800: #402ba8;
	--color-indigo-900: #372a85;
	--color-indigo-950: #22194d;	
}

Переопределение существующих цветов типа primary работает нормально, но это не так гибко.
Версия 3.3

Comments

[Wispik]

В доке написано, что вот это

ui: {
  colors: {
    tertiary: 'indigo'  // мой цвет
  
},

должно быть в файле app.config.ts

[AfterGen]

Wispik, у вас стоят галочки как тут ?

[Wispik]

AfterGen, нет. В тегах указан nuxt, поэтому я для nuxt и смотрел

[AfterGen]

Wispik, а тут нет тега nuxtui, пришлось такой установить... Upd. Вобщем убрал, поставил Vuejs