arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-01 12:47:57 +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 ::framework-only
#nuxt #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: 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] ```ts [app.config.ts]
@@ -156,14 +156,19 @@ export default defineAppConfig({
}) })
``` ```
:: :::
#vue #vue
::module-only
#ui
:::div :::div
You can configure these color aliases at runtime in your `vite.config.ts` file under the `ui.colors` key: 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] ```ts [vite.config.ts]
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue' import vue from '@vitejs/plugin-vue'
@@ -183,11 +188,12 @@ export default defineConfig({
] ]
}) })
``` ```
::: :::::
#ui-pro #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] ```ts [vite.config.ts]
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue' import vue from '@vitejs/plugin-vue'
@@ -207,9 +213,12 @@ export default defineConfig({
] ]
}) })
``` ```
:::
:: :::::
::::
:::
:: ::
@@ -256,11 +265,17 @@ export default defineNuxtConfig({
::: :::
#vue #vue
::module-only
#ui
:::tip :::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. 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] ```ts [vite.config.ts]
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue' import vue from '@vitejs/plugin-vue'
@@ -283,11 +298,11 @@ export default defineConfig({
}) })
``` ```
::: :::::
#ui-pro #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] ```ts [vite.config.ts]
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
@@ -311,9 +326,12 @@ export default defineConfig({
}) })
``` ```
:::::
::::
::: :::
::
:: ::
### Tokens ### Tokens