From 9ff56f06d477eb337400ad2f1e744c149b601ff2 Mon Sep 17 00:00:00 2001 From: Behzad Khanlar Date: Sat, 26 Apr 2025 16:39:37 +0330 Subject: [PATCH] Update TabsTrigger.vue MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 🐛 Fixed selected tab background color in dark theme --- apps/v4/registry/new-york-v4/ui/tabs/TabsTrigger.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/v4/registry/new-york-v4/ui/tabs/TabsTrigger.vue b/apps/v4/registry/new-york-v4/ui/tabs/TabsTrigger.vue index a80a72087..71c2a4c2a 100644 --- a/apps/v4/registry/new-york-v4/ui/tabs/TabsTrigger.vue +++ b/apps/v4/registry/new-york-v4/ui/tabs/TabsTrigger.vue @@ -19,7 +19,7 @@ const forwardedProps = useForwardProps(delegatedProps) data-slot="tabs-trigger" v-bind="forwardedProps" :class="cn( - `data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, + `data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, props.class, )" >