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

docs(theme): fix duplicate blocks

Browse Source
This commit is contained in:
Benjamin Canac
2025-03-05 14:31:27 +01:00
parent 08f092fd15
commit e3ce1f7a41
1 changed files with 33 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
docs/content/1.getting-started/3.theme.md
View File

@@ -142,7 +142,7 @@ Nuxt UI leverages Vite config to provide customizable color aliases based on [Ta
::framework-only
#nuxt
::div
:::div
You can configure these color aliases at runtime in your `app.config.ts` file under the `ui.colors` key, allowing for dynamic theme customization without requiring an application rebuild:
```ts [app.config.ts]
@@ -156,14 +156,19 @@ export default defineAppConfig({
})
```
::
:::
#vue
::module-only
#ui
:::div
You can configure these color aliases at runtime in your `vite.config.ts` file under the `ui.colors` key:
::::module-only
#ui
:::::div
```ts [vite.config.ts]
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
@@ -183,11 +188,12 @@ export default defineConfig({
]
})
```
:::
:::::
#ui-pro
:::div
You can configure these color aliases at runtime in your `vite.config.ts` file under the `uiPro.colors` key:
:::::div
```ts [vite.config.ts]
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
@@ -207,9 +213,12 @@ export default defineConfig({
]
})
```
:::
::
:::::
::::
:::
::
@@ -256,11 +265,17 @@ export default defineNuxtConfig({
:::
#vue
::module-only
#ui
:::tip
You can add you own dynamic color aliases in your `vite.config.ts`, you just have to make sure to also define them in the [`theme.colors`](/getting-started/installation/vue#themecolors) option of the `ui` plugin.
::::module-only
#ui
:::::div
```ts [vite.config.ts]
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
@@ -283,11 +298,11 @@ export default defineConfig({
})
```
:::
:::::
#ui-pro
:::tip
You can add you own dynamic color aliases in your `vite.config.ts`, you just have to make sure to also define them in the [`theme.colors`](/getting-started/installation/vue#themecolors) option of the `uiPro` plugin.
:::::div
```ts [vite.config.ts]
import { defineConfig } from 'vite'
@@ -311,9 +326,12 @@ export default defineConfig({
})
```
:::::
::::
:::
::
::
### Tokens