arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-31 12:17:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: use ::tip everywhere

Browse Source
This commit is contained in:
Benjamin Canac
2024-07-11 17:15:12 +02:00
parent b9319c0fbc
commit 57e62f36c4
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/content/1.getting-started/3.colors.md
View File

@@ -17,7 +17,7 @@ export default defineAppConfig({
})
```
::callout{icon="i-heroicons-light-bulb"}
::tip
Try to change the `primary` and `gray` colors by clicking on the :u-icon{name="i-heroicons-swatch-20-solid" class="w-4 h-4 align-middle text-primary-500 dark:text-primary-400"} button in the header.
::
@@ -58,7 +58,7 @@ To provide dynamic colors that can be changed at runtime, this module uses CSS v
Likewise, you can't define a `primary` color in your `tailwind.config.ts` as it would conflict with the `primary` color defined by the module.
::callout{icon="i-heroicons-light-bulb"}
::tip
We'd advise you to use those colors in your components and pages, e.g. `text-primary-500 dark:text-primary-400`, `bg-gray-100 dark:bg-gray-900`, etc. so your app automatically adapts when changing your `app.config.ts`.
::