refactor(module)!: implement design system with CSS variables (#2298)

This commit is contained in:
Benjamin Canac
2024-10-07 14:48:02 +02:00
committed by GitHub
parent 3cf5535b2f
commit 9368c6a639
279 changed files with 6533 additions and 6994 deletions

View File

@@ -18,7 +18,7 @@ const items = [
<template>
<UAccordion :items="items">
<template #content="{ item }">
<p class="pb-3.5 text-sm text-gray-500 dark:text-gray-400">
<p class="pb-3.5 text-sm text-[--ui-text-muted]">
This is the {{ item.label }} panel.
</p>
</template>

View File

@@ -9,7 +9,7 @@ const items = [
label: 'Colors',
icon: 'i-heroicons-swatch',
slot: 'colors',
content: 'Choose a primary and a gray color from your Tailwind CSS theme.'
content: 'Choose a primary and a neutral color from your Tailwind CSS theme.'
},
{
label: 'Components',
@@ -22,7 +22,7 @@ const items = [
<template>
<UAccordion :items="items">
<template #colors="{ item }">
<p class="text-sm pb-3.5 text-primary-500 dark:text-primary-400">
<p class="text-sm pb-3.5 text-[--ui-primary]">
{{ item.content }}
</p>
</template>

View File

@@ -8,7 +8,7 @@ const items = [
{
label: 'Colors',
icon: 'i-heroicons-swatch',
content: 'Choose a primary and a gray color from your Tailwind CSS theme.'
content: 'Choose a primary and a neutral color from your Tailwind CSS theme.'
},
{
label: 'Components',