如何以编程方式更改 NuxtUi 的主色

Question

取消使用 NuxtUi 框架时，如何以编程方式更改原色。

要手动更改它，我可以更改 app.config.ts 中的值

export default defineAppConfig({
  ui: {
    primary: 'green',
  //primary:'sky',
    gray: 'cool',
  },
});

背景：想创建一个颜色更改按钮，类似于 位于右上角的NuxtUi主页上。

Answer 1

您可以使用以下代码来处理颜色的变化：

const config = useAppConfig()
if (condition) {
   config.ui.primary = 'blue'
   config.ui.gray = 'slate'
}