NuxtUI Coloring with TailwindCSS Color Object

export default <Partial<Config>>{
  theme: {
    extend: {
      colors: {
        customtestcolor: {
          50: '#fffce5',
          100: '#fffbc7',
          200: '#fff995',
          300: '#fef958',
          400: '#f5f126',
          500: '#dcdc06',
          600: '#b5b800',
          700: '#808506',
          800: '#65690b',
          900: '#53580f',
        },
      },
    },
  },
};

export default defineAppConfig({
  ui: {
    strategy: 'override',
    pagination: {
      default: {
        activeButton: {
          color: 'customtestcolor',
        },
      },
    },
  },
});