trouble making primary color

export default defineAppConfig({
        ui: {
            primary: 'am',
            cool: 'gray'
        }
    })

import type { Config } from 'tailwindcss'
import defaultTheme from 'tailwindcss/defaultTheme'

export default <Partial<Config>>{
    theme: {
        extend: {
            colors: {
                am: {
                    50: '#BBF2DD',
                    100: '#A0ECD0',
                    200: '#88E7C4',
                    300: '#66E1B4',
                    400: '#44DAA3',
                    500: '#28CC90',
                    600: '#22AA78',
                    700: '#1B8860',
                    800: '#146648',
                    900: '#0D4430',
                    950: '#0A3324'
                }
            }
        }
    }
}

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: ['@nuxtjs/tailwindcss'],
  tailwindcss: {
    configPath: 'tailwind.config.ts'
  }
})