Skip to content

Commit

Permalink
chore(module): default primary to green
Browse files Browse the repository at this point in the history
  • Loading branch information
benjamincanac committed May 16, 2023
1 parent 036658b commit 11941bd
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
4 changes: 2 additions & 2 deletions docs/content/1.getting-started/3.theming.md
Original file line number Diff line number Diff line change
Expand Up @@ -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).

Expand Down
2 changes: 1 addition & 1 deletion src/module.ts
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ export default defineNuxtModule<ModuleOptions>({

nuxt.options.appConfig.ui = {
...nuxt.options.appConfig.ui,
primary: 'sky',
primary: 'green',
gray: 'cool',
colors: variantColors
}
Expand Down

0 comments on commit 11941bd

Please sign in to comment.