chore(module): default primary to green

This commit is contained in:
Benjamin Canac
2023-05-16 15:18:12 +02:00
parent 036658b6de
commit 11941bd581
2 changed files with 3 additions and 3 deletions

View File

@@ -13,13 +13,13 @@ Components are based on a `primary` and a `gray` color. You can change them in y
```ts [app.config.ts]
export default defineAppConfig({
ui: {
primary: 'sky',
primary: 'green',
gray: 'cool'
}
})
```
As this module uses TailwindCSS under the hood, you can use any of the [TailwindCSS colors](https://tailwindcss.com/docs/customizing-colors#color-palette-reference) or your own custom colors. By default, the `primary` color is `sky` and the `gray` color is `cool`.
As this module uses TailwindCSS under the hood, you can use any of the [TailwindCSS colors](https://tailwindcss.com/docs/customizing-colors#color-palette-reference) or your own custom colors. By default, the `primary` color is `green` and the `gray` color is `cool`.
To provide dynamic colors that can be changed at runtime, this module uses CSS variables. As TailwindCSS already has a `gray` color, the module automatically renames it to `cool` to avoid conflicts (`coolGray` was renamed to `gray` when Tailwind CSS v3.0 was released).

View File

@@ -115,7 +115,7 @@ export default defineNuxtModule<ModuleOptions>({
nuxt.options.appConfig.ui = {
...nuxt.options.appConfig.ui,
primary: 'sky',
primary: 'green',
gray: 'cool',
colors: variantColors
}