From 8acf3c51db6c2f9443d04be6ba7d9f062c5cf8ab Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Mon, 28 Apr 2025 12:39:57 +0200 Subject: [PATCH] fix(theme): define default shades for named tailwindcss colors Resolves #3977 --- src/templates.ts | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/templates.ts b/src/templates.ts index d09e5daa..7686ad0c 100644 --- a/src/templates.ts +++ b/src/templates.ts @@ -89,10 +89,8 @@ export function getTemplates(options: ModuleOptions, uiConfig: Record !colors[color as keyof typeof colors]), 'neutral'].map(color => [ - color !== 'neutral' && `--color-${color}: var(--ui-${color});`, - ...[50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map(shade => `--color-${color}-${shade}: var(--ui-color-${color}-${shade});`) - ].filter(Boolean).join('\n\t')).join('\n\t')} + ${[...(options.theme?.colors || []).filter(color => !colors[color as keyof typeof colors]), 'neutral'].map(color => [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map(shade => `--color-${color}-${shade}: var(--ui-color-${color}-${shade});`).join('\n\t')).join('\n\t')} + ${options.theme?.colors?.map(color => `--color-${color}: var(--ui-${color});`).join('\n\t')} --radius-xs: calc(var(--ui-radius) * 0.5); --radius-sm: var(--ui-radius); --radius-md: calc(var(--ui-radius) * 1.5);