NuxtN
Nuxt•11mo ago•
6 replies
Ponkhy

Custom Colors in Nuxt UI v3

Hello,

I'm trying out Nuxt UI v3 now and I'm not able to introduce new colors like I've done in v2.
In v2 I just have done the following:

tailwind.config.ts: 
import type { Config } from 'tailwindcss'

export default <Partial<Config>>{
  theme: {
    extend: {
      colors: {
        newcolor: {
          50: '#ffda7c',
          100: '#ffd466',
          200: '#ffcd50',
          300: '#ffc73a',
          400: '#ffc124',
          500: '#e6ae20',
          600: '#cc9a1d',
          700: '#b38719',
          800: '#997416',
          900: '#806112',
          950: '#664d0e',
        },
      },
    },
  },
}


app.config.ts: 
export default defineAppConfig({
  ui: {
    primary: 'newcolor',
    gray: 'zinc',
  },
})


Does anyone have an idea how I could resolve the issue?
Was this page helpful?