From bab5b26018d9053cce319c373e7ecad7bda578d1 Mon Sep 17 00:00:00 2001 From: Roene Date: Tue, 14 Jan 2025 12:58:20 +0100 Subject: [PATCH] Update components-preview with new variables --- resources/views/components-preview.blade.php | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/resources/views/components-preview.blade.php b/resources/views/components-preview.blade.php index bc6d726..9228ee1 100644 --- a/resources/views/components-preview.blade.php +++ b/resources/views/components-preview.blade.php @@ -42,6 +42,11 @@ function color(variable, fallback) { DEFAULT: color('--border', tailwind.colors.slate[200]), muted: color('--border-muted', tailwind.colors.slate[100]), }, + shadow: { + emphasis: color('--shadow-emphasis', tailwind.colors.slate[900]), + DEFAULT: color('--shadow', tailwind.colors.slate[700]), + muted: color('--shadow-muted', tailwind.colors.slate[500]), + }, background: { emphasis: color('--background-emphasis', tailwind.colors.slate[200]), DEFAULT: color('--background', tailwind.colors.slate[100]), @@ -59,6 +64,18 @@ function color(variable, fallback) { ...theme('colors.border'), }), backgroundColor: (theme) => theme('colors.background'), + ringColor: (theme) => ({ + default: theme('colors.border'), + ...theme('colors.border'), + }), + outlineColor: (theme) => ({ + default: theme('colors.border'), + ...theme('colors.border'), + }), + boxShadowColor: (theme) => ({ + default: theme('colors.shadow'), + ...theme('colors.shadow'), + }), } } }