求助：Nuxt UI中无法使用十六进制颜色码配置主题色

Nuxt UI的主题色配置默认只识别Tailwind CSS内置的颜色名称，直接写十六进制色号（比如#3519FA）不会被解析，所以才会出现命名颜色正常、十六进制失效的情况。

解决步骤如下：

• 第一步，在nuxt.config.ts里扩展Tailwind的颜色配置，把自定义色号加进去：

export default defineNuxtConfig({
  tailwindcss: {
    config: {
      theme: {
        extend: {
          colors: {
            customPrimary: '#3519FA'
          }
        }
      }
    }
  }
})

• 第二步，回到app.config.ts里，用刚定义的颜色名称配置primary：

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

这样配置后，Nuxt UI就能正确识别自定义主题色，所有用到primary的组件都会应用#3519FA这个颜色。

内容的提问来源于stack exchange，提问作者MohBJ